 <!-- 滚动穿透 -->
 <page-meta :page-style="'overflow:'+(discounShow?'hidden':'visible')"></page-meta>
 <template>
 	<view class="container">
 		<!-- <view class="header" :style="{ paddingTop: safeAreaInsets?.top + 'px' }">
      <view class="h-black"> <text class=" text-gray cuIcon-back"></text></view>
      <view class="h-text">提交订单</view>
    </view> -->
 		<view class="safeAreaInsetsTop">
 			<view class="fixed-bg"></view>
 			<view class="positop">
 				<!-- 拼单s -->
 				<block v-if="isSpo">
 					<view class="fp_box padding-sm text-lg margin-left-sm">
 						<view class="flex">
 							<text class="fcon-tixing margin-right-xs margin-top-xxs"></text>
 							<view>拼单小于1人，将全额退款，拼单成功后送餐，请及时关注您的拼单状态</view>
 						</view>
 					</view>
 					<!-- <view class="sub-flow" v-if="isSpo">
					   <view class="flex justify-between font-style-flow">
						 <view class="line-border1">提交订单</view>
						 <view class="line-border2">寻找拼友（大于1人）</view>
						 <view>拼成送餐</view>
					</view>
					</view>
					<view class="splicingOrders" v-if="isSpo">
					   <text class="lg cuIcon-notification splicingOrders-text"></text>
					   <text>拼单成功后送餐，请及时关注您的拼单状态</text>
					</view> -->
 				</block>
 				<!-- 拼单e -->
 				<view class="con-ul">
 					<!-- <uni-transition :mode-class="'zoom-in'" :show="selecDlvType.id=='1131'"> -->
 					<block v-if="selecDlvType.id=='1131'">
 						<view v-if="userStore.curSelecAdress.adrs"
 							@click="toRouter('/pages/others/addressList/addressList?source=creatOrder' + '&adressInfo=' + userStore.curSelecAdress.naddress_id )">
 							<view class="con-li">
 								<view class="title padding-right">
 									<text class="name align-center " v-if="userStore.curSelecAdress.addre_type">
 										{{ userStore.curSelecAdress.addre_type === '1136'   ? '家'  : (userStore.curSelecAdress.addre_type === '1137'  ? '公司'  : (userStore.curSelecAdress.addre_type === '1138'  ? '学校'  : '')) }}
 									</text>
 									{{ userStore.curSelecAdress.adrs }}
 								</view>
 								<view class="right"> <text class="lg text-gray cuIcon-right"></text></view>
 							</view>
 							<view class="con-li-name">
 								<text class="margin-right-xs">{{userStore.curSelecAdress.vname}}</text>
 								<text>{{plusXing(userStore.curSelecAdress.vphone,3,4) }}</text>
 							</view>
 						</view>
 						<view v-else class="address-empty"
 							@click="toRouter('/pages/others/addressList/addressList?source=creatOrder')">
 							<text class="font-address">{{orderType == 'manyMeals' ? '请选择约餐地址' : '请选择送餐地址'}}</text>
 							<view class="right"> <text class="lg text-gray cuIcon-right"></text></view>
 						</view>
 						<block v-if="orderType !== 'meals'">
 							<view class="line"></view>
 							<view class="con-li con-li-center">
 								<view class="con-li-left">
 									{{cartStore.getCurOrderTime.fast?'立即送出':'送餐时间'}}
 								</view>
 								<view class="con-li-right" @click="opneTiemProp">
 									<!-- cartStore.curOrderType.type -->
 									<view>
 										<text
 											class="time-style">{{ cartStore.getCurOrderTime.time&&cartStore.getCurOrderTime.name?cartStore.getCurOrderTime.name:'选择配送时间' }}</text>
 										<text class="lg text-gray cuIcon-right"></text>
 									</view>
 									<view class="time-title">
 										因配送订单较多，送达时间可能波动
 									</view>
 								</view>
 							</view>
 							<!-- 颐而康专送 -->
 							<view class="con-li con-li-center li-bg-color" v-if="0">
 								<view class="con-li-left">
 									<view>
 										<text class="fcon-Vector-1" style="color: #53A87F;"></text>
 										<text class="con-li-left-text-color">颐而康专送</text>
 									</view>
 									<view class="con-li-left-title-color">
 										预计节省 <text class="font-color">9</text>分钟，超时享赔付
 									</view>
 								</view>
 								<view class="con-li-right con-li-right-flex">
 									<text class="con-li-right-flex-text">+¥3.2</text>
 									<text class="text-xll margin-right-xs" @click="tabselectRadiu"
 										:class="selectRadiu?'cuIcon-roundcheckfill':'cuIcon-round'"></text>
 								</view>
 							</view>
 						</block>

 					</block>
 					<!-- </uni-transition> -->
 					<!-- <uni-transition :mode-class="'zoom-in'" :show="selecDlvType.id=='1120'"> -->
 					<block v-if="selecDlvType.id=='1120'||selecDlvType.id=='1130'">
 						<view v-if="shopStore.shopInfo.nmember_id" class="p_rlt">
 							<!-- @tap="toRouter('/pages/others/shopList/shopList?hand=true')" -->
 							<view class="con-li align-center padr16 padding-top-sm">

 								<view class="title text-bold">{{shopStore.shopInfo.vnick}}</view>
 								<!-- <text class="lg text-gray cuIcon-right margin-left-sm"></text> -->
 								<!-- <view class="right"> </view> -->
 							</view>
 							<view class="con-li con-li-name padding-bottom-xs padr12">
 								{{shopStore.shopInfo.vaddress}}
 							</view>
 							<view class="disTips" @click.stop="toMapLocals">
 								<view class="p_rlt">
 									<image class="disimg"
 										src="https://cdn-static.yekjx.com/food/ico/images/tip_map01.png"
 										mode="aspectFit"></image>
 									<view class="disbub text-white text-sm padding-lr-xs">
 										<view class="p_rlt sanj">
 											距您{{ shopStore.shopInfo.distance ? shopStore.shopInfo.distance : '0' }}{{ shopStore.shopInfo.distanceUnit ? shopStore.shopInfo.distanceUnit : 'm' }}
 										</view>
 									</view>
 								</view>
 							</view>
 						</view>
 						<view v-else class="address-empty">
 							<text class="font-address">请选择自取门店</text>
 							<!-- @tap="toRouter('/pages/others/shopList/shopList?hand=true')" -->
 							<!-- <view class="right"> <text class="lg text-gray cuIcon-right"></text></view> -->
 						</view>
 						<block v-if="selecDlvType.id=='1120'">
 							<view class="line"></view>
 							<view class="flex align-center">
 								<text class="flex-sub text-lg">取餐时间</text>
 								<view class="padding-tb-sm flex align-center" @click="opneTiemProp">
 									<text
 										class="text-orange">{{ cartStore.getCurOrderTime.time&&cartStore.getCurOrderTime.name?cartStore.getCurOrderTime.name:'选择取餐时间' }}</text>
 									<text class="text-c6 cuIcon-right margin-left-sm"></text>
 								</view>
 							</view>
 							<view class="flex align-center">
 								<text class="flex-sub text-lg">预留电话</text>
 								<view class="flex align-center text-c6 point" @click.stop="editPhone=true">
 									<!-- <text>15073148011</text> -->
 									<input class="inptnum text-end padding-right-sm" :focus="editPhone" @blur="blurPhone" type="number"
 										:disabled="!editPhone" v-model="zitPhone" />
 									<text class="fcon-bianji d_ib" v-if="!editPhone"></text>
 								</view>
 							</view>
 						</block>

 					</block>

 					<!-- </uni-transition> -->
 				</view>
 				<!-- 配送 -->
 				<view class="con-ul">
 					<view class="con-li con-li-center con-li-delivery" @click="showPop(('delivModal'))">
 						<view class="con-li-left">配送方式</view>
 						<view class="con-li-right con-li-right-flex">
 							<text>{{ selecDlvType.name }}</text>
 							<text class="lg text-gray cuIcon-right margin-top-mxxs"></text>
 						</view>
 					</view>
 					<!-- 普通弹窗 选择配送方式 uniapp-->
 					<!-- <uni-popup ref="delivModal" class="uni-propun-con" :safeArea="false">
 						<view class="popup-content">
 							<view class="uni-dialogCon flex justify-between padding-tb">
 								<view class="belivery-title">请选择配送方式</view>
 								<view class="action" @tap="hidePop('delivModal')">
 									<text class="fcon-a-close fcon-a-close-size"></text>
 								</view>
 							</view>
 							<view class="uni-bar-w cu-bar-flex">
 								<view class="cu-bar-flex-left" v-for="(item,index) in seletDelivery"
 									@tap="seleData(index)" :class="{ active: item.status }" :key="item.id">
 									<text class="text-style" :class="{textWeights:item.status}">{{item.name}}</text>
 									<view v-if="item.status" class="icon"><text style="color: #53A87F;"
 											class="fcon-xuanzhong"></text>
 									</view>
 								</view>
 							</view>
 						</view>
 					</uni-popup> -->
 					<!--colorUi 配送方式模态框 -->

 					<view class="line"></view>
 					<view class="con-li con-li-center con-li-delivery" @click="selecPayType">
 						<view class="con-li-left">支付方式</view>
 						<view class="con-li-right con-li-right-flex">
 							<text>{{ payWay.name }}</text>
 							<text class="lg text-gray cuIcon-right margin-top-mxxs"></text>
 						</view>
 					</view>

 				</view>

 				<!-- 热量 -->
 				<view class="con-ul-menu con-ul"
 					:style="{background : orderType !== 'meals' ? 'linear-gradient(180deg, #E4FEEE 0%, #FFF 20%) !important' : '#fff !important'}">
 					<view class="con-li-menu-title" v-if="orderType !== 'meals'">
 						<text v-if="orderDetail.totalEnergy>0">本单总热量:{{orderDetail.totalEnergy||0}}Kcal</text>
 						<text v-else>已点</text>
 					</view>
 					<view class="line" v-if="orderType !== 'meals'"></view>
 					<view class="con-li-menu-containerLi" v-for="(item,index) in cartList" :key="index">
 						<block v-if="item.type=='dp'">
 							<view class="con-li-menu-container">
 								<view class="con-li-menu-containerL">
 									<view class="img-con">
 										<tb-image width="120rpx" height="120rpx" borderRadius="10rpx"
 											:src="env.imgBaseUrl + (item.specImageUrl?item.specImageUrl:item.imageUrl)">
 											<template v-slot:error>
 												<image src="../../../static/homeEmpty.png" class="img"
 													mode="aspectFill">
 												</image>
 											</template>
 										</tb-image>
 										<view class="shop_vip_ico" v-if="item.vipGoods">
 											<text class="fcon-cvip hs_s"></text>
 										</view>
 									</view>
 									<view class="con-li-menu-name">
 										<view class="menu_name_baseinfo">
 											<view class="con-li-menuName">{{ item.nameLabel||'' }}</view>
 											<view class="con-li-menuPic text-lg text-bold">
 												¥{{item.totalPrice||0}}
 											</view>
 										</view>
 										<view class="menu_name_baseinfo">
 											<text class="con-li-menuNum">x{{ item.nums||0 }}</text>
 											<!-- <text class="con-li-menuNames">¥{{item.totalSellPrice||0}}</text> -->
 										</view>
 										<view class="shopTags"></view>
 									</view>

 								</view>
 							</view>
 							<!-- 套餐内的菜单 -->
 							<view class="con-li-submenu-container sanjiao">
 								<view class="con-li-subText" v-for="(citem,cindex) in item.goodsDetails" :key="cindex">
									<view class="dpDetials flex align-center">
										<text class="con-li-subTextW flex-sub">{{ citem.goodsName||'' }}</text>
										<text v-if="citem.nutrient"
											class="con-li-submenu">{{citem.nutrient.energy||0}}Kcal</text>
										<text><text>x</text>{{ citem.buyNums }}</text>
									</view>
									<view class="shopTags">
									  <view class="tags_item">{{citem.sellAttrCode}}</view>
									  <view class="tags_item" v-for="(targDetials,targDetiaIns) in citem.labels" :key="targDetiaIns">
									    {{targDetials.name}}
									  </view>
									</view>
 								</view>
 							</view>
 						</block>
 						<!-- 单品 -->
 						<view v-else class="con-li-menu-container">
 							<view class="con-li-menu-containerL">
 								<view class="img-con">
 									<tb-image width="120rpx" height="120rpx" borderRadius="10rpx"
 										:src="env.imgBaseUrl + (item.specImageUrl?item.specImageUrl:item.imageUrl)">
 										<template v-slot:error>
 											<image src="../../../static/homeEmpty.png" class="img" mode="aspectFill">
 											</image>
 										</template>
 									</tb-image>
 									<view class="shop_vip_ico" v-if="item.vipGoods">
 										<text class="fcon-cvip hs_s"></text>
 									</view>
 								</view>
 								<!-- <view class="con-li-menu-name">
 									<text class="con-li-menuName">{{ item.goodsName||'' }}</text>
 									<text class="con-li-menuNum">x{{ item.buyNums||0 }}</text>
 								</view> -->
 								<view class="con-li-menu-name">
 									<view class="menu_name_baseinfo">
 										<view class="con-li-menuName">{{ item.goodsName||'' }}</view>
 										<view class="con-li-menuPic text-lg text-bold">
 											¥{{item.activiyPrice ? item.activiyPrice : item.sellPrice}}
 										</view>
 									</view>
 									<view class="menu_name_baseinfo">
 										<text class="con-li-menuNum">x{{ item.buyNums||0 }}</text>
 										<text
 											class="con-li-menuNames">¥{{item.activiyPrice?item.sellPrice:item.nold_price}}</text>
 									</view>
 									<view class="shopTags">
 										<view class="tags_item">{{item.sellAttrCode}}</view>
 										<view class="tags_item" v-for="(it,inds) in item.labels" :key="inds">
 											{{it.name}}
 										</view>
 									</view>
 								</view>

 							</view>
 						</view>
 					</view>
 				</view>

 				<!-- 套餐电子卡 -->
 				<!-- <view class="con-ul con--ul-tableware" v-if="orderType == 'meals'">
 					<view class="con-li flex align-center">
 						<view class="con-li-left flex-sub">
 							新开电子卡
 						</view>
 						<view class="con-li-right right-flex" v-if="isCard">
 							<view class="text-lg card_text">卡号（**0365）</view>
 							<text class="lg text-gray cuIcon-right margin-top-mxxs"></text>
 						</view>
 					</view>
 					<view v-if="!isCard">
 						<view class="bindingCards-li" @click="btnFocus('isNameFocused')">
 							<text class="bindingCards-lable font-de-size">手机号<text class="red_tips">*</text> </text>
 							<view class="bindingCards-input">
 								<input type="number" maxlength="11" class="uni-input font-de-size" :focus="nameFocus"
 									@input="phoneInput" @blur="onblur('isNameFocused')" v-model="bindParam.mobile"
 									placeholder="请输入13位手机号" placeholder-class="placeholderdef" />
 							</view>
 							<view class="bindingCards-line" :class="{ 'bindingCardsLine': nameFocus }"></view>
 						</view>
 						<view class="bindingCards-li" @click="btnFocus('isCodeFocused')">
 							<text class="bindingCards-lable font-de-size padding-tb-sm">验证码<text
 									class="red_tips">*</text></text>
 							<view class="bindingCards-input">
 								<input type="number" maxlength="6" class="uni-input font-de-size"
 									@blur="onblur('isCodeFocused')" :focus="codeFocus" v-model="bindParam.code"
 									placeholder="请输入6位验证码" placeholder-class="placeholderdef" />
 							</view>
 							<text class="get-code-style padding-tb-sm point" @click.stop="handleGetCode"
 								:class="{ errColor: disCode }">{{ buttonText }}</text>
 							<view class="bindingCards-line" :class="{ 'bindingCardsLine': codeFocus }"></view>
 						</view>
 						<view class="bindingCards-li" @click="btnFocus('isPwdFocused')">
 							<text class="bindingCards-lable font-de-size padding-tb-sm">密码<text
 									class="red_tips">*</text></text>
 							<view class="bindingCards-input"><input class="uni-input font-de-size" type="password"
 									:password="passwordFlag" :focus="pwdFocus" v-model="bindParam.password"
 									placeholder="请输入6位数密码" @blur="onblur('isPwdFocused')"
 									placeholder-class="placeholderdef" /></view>
 							<text class="lg text-gray  posi-icon"
 								:class="showPassword ?'cuIcon-attentionfill':'cuIcon-attention'"
 								@click="showPassWord"></text>
 							<view class="bindingCards-line" :class="{ 'bindingCardsLine': pwdFocus }"></view>
 						</view>
 					</view>
 					<view class="line" v-if="isCard"></view>
 					<view class="my_cards" @tap="mnavTo('/pages/user/mycard/mycard')">
 						我有卡，去绑定<text class="lg text-green cuIcon-right"></text>
 					</view>
 					<view class="footer_text">
 						<text class="fon_size">
 							{{ isCard ? '支付成功后存入1000元，每次消费按实际约餐金额扣款' : '支付即享1000元预存，在颐而康门店、精选商城、炖大侠都可消费。' }}
 						</text>
 					</view>
 				</view> -->

 				<!-- 自动约餐 -->
 				<!-- <view class="yuencan_con" v-if="orderType == 'meals'">
 					<view class="con-li-menu-title yuecanhei flex  align-center">
 						<text>自动约餐</text>
 					</view>
 					<view class="set_meals flex justify-between align-center">
 						<view class="flex justify-between set_meals_li align-center" v-for="(item,index) in mealsList"
 							@tap="tapItemSelec(index)">
 							<text class="meals_font">{{ item.name }}</text>
 							<text class="csico text-xxl"
 								:class="index ==  mealsClass ? '.cuIcon-roundcheckfill' :'cuIcon-round'"></text>
 						</view>
 					</view>
 					<view v-if="mealsClass == '1'" class="flex justify-end yuecan_wenan">
 						已设置每周一三五 11:30-12:30自动约餐
 					</view>
 				</view> -->

 				<!-- 餐具 -->
 				<view class="con-ul con--ul-tableware">
 					<view class="con-li flex-center flex-item">
 						<view class="con-li-left font-weigth-no">
 							餐具
 						</view>
 						<view class="con-li-right right-flex flex-item">
 							<view class="addNum">
 								<uni-number-box v-model="submitData.tablewareNums" nstash :min="1"
 									@blur="tablewareBlur" @focus="tablewareFocus" @change="changeValue" />
 							</view>
 							<!-- <view>
 								¥{{totalPrice || tablewarePrice}}
 							</view> -->
 						</view>
 					</view>
 				</view>
 				<!-- 价格 -->
 				<view class="con-ul con--ul-tableware">
 					<view class="con-li flex align-center">
 						<view class="con-li-left flex-sub">
 							餐费总计
 						</view>
 						<view class="con-li-right right-flex">
 							<text class="text-lg text-bold">￥{{submitData.totalPayPrice||0}}</text>
 							<!-- <text class="lg text-gray cuIcon-right"></text> -->
 						</view>
 					</view>
 					<view class="con-li flex align-center">
 						<view class="con-li-left">
 							VIP专区券
 						</view>
 						<view class="con-li-right minwdf right-flex flex-r-center padding-left justify-end flex-sub"
 							@click="vipSelects.canUse?showPop('propDiscount',{index:1}):stopPrevent()">
 							<text v-if="!vipSelects.canUse" class="color9 yifont">暂无可用VIP专区券</text>
 							<text v-else-if="vipSelects.canUse&&vipSelects.totalNum<=0"
 								class="text-orange padding-left padding-tb-xs yifont">暂未选择VIP专区券</text>
 							<!-- couponvText 暂 -->
 							<text v-else class="padding-left padding-tb-xs text-bold"
 								:class="{activeRed : vipSelects.disVAmout>0}">{{`-¥${vipSelects.disVAmout||0}`}}</text>
 							<text class="lg text-gray cuIcon-right margin-top-mxxs"></text>
 						</view>
 					</view>

 					<view class="con-li flex align-center">
 						<view class="con-li-left">
 							代金券
 						</view>
 						<view class="con-li-right minwdf right-flex flex-r-center padding-left-sm justify-end flex-sub"
 							@click="!couponSelects.nums||!couponSelects.usable||(couponSelects.cId&&couponSelects.realMoney<=0)?stopPrevent():showPop('propDiscount',{index:0})">
 							<text
 								v-if="!couponSelects.nums||!couponSelects.usable||(couponSelects.cId&&couponSelects.realMoney<=0)"
 								class="color9 padding-left padding-tb-xs yifont">暂无可用优惠券</text>
 							<!-- <text v-else-if="couponSelects.usable&&couponSelects.nums>0&&couponSelects.realMoney<=0" -->
 							<text
 								v-else-if="couponSelects.usable&&couponSelects.nums>0&&!couponSelects.cId&&couponSelects.realMoney<=0"
 								class="text-orange padding-left padding-tb-sm yifont">未选择代金券</text>
 							<text v-else class="padding-left padding-tb-sm text-bold"
 								:class="{activeRed : couponSelects.realMoney>0}">{{`-¥${couponSelects.realMoney||0}`}}</text>
 							<text class="lg text-gray cuIcon-right margin-top-mxxs"></text>
 						</view>
 					</view>
 					<view class="con-li flex align-center">
 						<view class="con-li-left flex-sub">
 							商品优惠
 						</view>
 						<view class="con-li-right right-flex">
 							<!-- <text class="text-lg text-bold">-￥{{orderDetail.totalManBackPrice||0}}</text> -->
 							<text class="text-lg text-bold">-￥{{getShopDis()}}</text>
 							<!-- <text class="lg text-gray cuIcon-right"></text> -->
 						</view>
 					</view>

 					<view class="con-li flex align-center">
 						<view class="con-li-left flex-sub">
 							打包费
 						</view>
 						<view class="con-li-right right-flex">
 							<text class="text-lg text-bold">￥{{shopStore.packFee}}</text>
 							<!-- <text class="lg text-gray cuIcon-right"></text> -->
 						</view>
 					</view>
 					<view class="con-li flex align-center">
 						<view class="con-li-left flex-sub">
 							配送费
 						</view>
 						<view class="con-li-right right-flex">
 							<text class="text-lg text-bold">￥{{submitData.carriage||0}}</text>
 							<!-- <text class="lg text-gray cuIcon-right"></text> -->
 						</view>
 					</view>
 					<view class="con-li flex align-center">
 						<view class="con-li-left flex-sub">
 							总优惠
 						</view>
 						<view class="con-li-right right-flex flex-r-center">
 							<text class="text-bold">{{`-¥${submitData.totalBackPrice||0}`}}</text>
 						</view>
 					</view>
 				</view>
 				<!-- 拼单 -->
 				<view class="splicing-orders con-ul" v-if="isSpo">
 					<view class="con-li flex align-center justify-between">
 						<view class="con-li-left font-weigth-no flex-sub">
 							拼单信息
 						</view>
 						<view class="con-li-right right-flex splicing-item">
 							<view class="flex align-center">
 								<view class="margin-right-xl flex splicing-con justify-between">
 									<image v-for="item in imgList" :key="item.id" :src="item.src" mode="aspectFill">
 									</image>
 								</view>
 								<view> <text class="color9 text-lg">拼单成功</text>
 									<text class="lg text-gray cuIcon-right"></text>
 								</view>
 							</view>
 						</view>
 					</view>
 				</view>
 				<!-- 备注 -->
 				<view class="con-ul con--ul-tableware">
 					<view class="con-li flex align-center" @click="showPop('propRemarks')">
 						<view class="con-li-left font-weigth-no flex-sub">
 							备注
 						</view>
 						<view class="con-li-right right-flex">
 							<view class="text-over">
 								{{ remarksText||'口味，偏好等要求' }}
 							</view>
 						</view>
 						<text class="lg text-gray cuIcon-right margin-top-xxs"></text>
 					</view>
 				</view>
 				<view class="tips_tx_w flex align-center" v-if="orderType == 'manyMeals'">
 					<text class="fcon-weibiaoti01"></text>
 					<text class="tips_tx">如需发票，请前往下单门店找客服开票</text>
 				</view>
 				<!-- 普通弹窗 备注 uniapp-->
 				<uni-popup ref="propRemarks" class="uni-propun-con" :safeArea="false">
 					<view class="popup-content ">
 						<view class="uni-dialogCon-remarks">
 							<view class="belivery-title-remarks" @click="cloaseRemarks">取消</view>
 							<view class="action-remarks" :class="{introductionStyle:introduction!==''}"
 								@click="completeRemarks">完成
 							</view>
 						</view>
 						<view class="flex flex-direction uni-easyinput-con">
 							<!-- :inputBorder="false" :styles="{paading:'10px',backgroundColor: '#F6F7F9',borderRadius: '6px'}" -->
 							<uni-easyinput class="uni-easyinput-h" @change="remarksChang" type="textarea"
 								v-model="introduction" placeholder="请输入备注..." />
 						</view>
 						<view class="btnsub-remarks" @click="completeRemarks">
 							<text>确定</text>
 						</view>
 					</view>
 				</uni-popup>
 			</view>
 		</view>
 		<view class="footer">
 			<view class="footer-left justify-center lh_z">
 				<text class="flet-pic">¥<text class="pic">{{submitData.totalPayPrice||0}}</text></text>
 				<text v-if="submitData.totalBackPrice>0"
 					class="flet-preferential">已优惠{{submitData.totalBackPrice||0}}元</text>
 			</view>
 			<view class="footer-cnter flex flex--direction">
 				<!-- <view class="footer-c-color"><text class="">开通会员立减3元</text><text class="lg  cuIcon-right"></text></view> -->
 				<!-- <text v-if="true" class="footer-cnter-color">配送约30分钟</text> -->
 			</view>
 			<view class="footer-right">
 				<text @click="doSubmit" class="btn-sub" :class="allowSubmits?'allows':'unallow'">提交订单</text>
 			</view>

 		</view>
 		<!-- <ums-dev-pay @initUmsPay="initUmsPay"></ums-dev-pay> -->

 		<!-- 优惠券弹窗 @updateValueFn="updateValueFn" :nparam="rcoupParam"-->
 		<couponModal type="single" ref="propDiscount" @change="changeCoupons" />
 		<!-- 选择门店弹窗 -->
 		<!-- 优惠卷超出 -->
 		<uni-popup ref="popupHealth" class="uni-propun-con" zindex>
 			<view class="popup-content-remind">
 				<view class="uni-dialogCon-remind">
 					<view class="belivery-title">提示</view>
 					<view class="popupEmil-input-text">
 						<text v-if="isCouponGreaterThanTotal">您所选的券金额超过了您的购物总额。超出的部分我们不予退还，将直接抵扣。您确定继续使用抵扣券吗？</text>
 						<text v-else>您还有40元8.5折抵扣券可使用，是否继续去使用？</text>
 					</view>
 					<view class="popupEmil-btn flex justify-between align-center">
 						<view @click="tapBtnAgainFn">{{ tapBtnAgain }}</view>
 						<view @click="tapSure">{{ tapBtn }}</view>
 						<!-- <view @click="tapBtnAgainFn">重新选</view>
             <view @click="tapSure">确定</view> -->
 					</view>
 				</view>
 			</view>
 		</uni-popup>
 		<!-- 套餐开卡指引 -->
 		<uni-popup ref="atmeal" type="center" zindex>
 			<view class="top_con">
 				<view class="center_isCard_con bg-white">
 					<view class="con-li flex align-center" style="padding-top:20rpx">
 						<view class="con-li-left flex-sub">
 							套餐电子卡
 						</view>
 						<view class="con-li-right right-flex" v-if="isCard">
 							<text class="text-lg card_text">卡号（**0365）</text>
 							<text class="lg text-gray cuIcon-right margin-top-xxs"></text>
 							<!-- <text class="lg text-gray cuIcon-right"></text> -->
 						</view>
 					</view>
 					<view class="line" v-if="isCard"></view>
 					<view v-if="!isCard">
 						<view class="bindingCards-li" @click="btnFocus('isNameFocused')">
 							<text class="bindingCards-lable font-de-size">手机号<text class="red_tips">*</text> </text>
 							<view class="bindingCards-input">
 								<input type="number" maxlength="11" class="uni-input font-de-size" :focus="nameFocus"
 									@input="phoneInput" @blur="onblur('isNameFocused')" v-model="bindParam.mobile"
 									placeholder="请输入13位手机号" placeholder-class="placeholderdef" />
 							</view>
 							<view class="bindingCards-line" :class="{ 'bindingCardsLine': nameFocus }"></view>
 						</view>
 						<view class="bindingCards-li" @click="btnFocus('isCodeFocused')">
 							<text class="bindingCards-lable font-de-size padding-tb-sm">
 								验证码
 								<text class="red_tips">*</text>
 							</text>
 							<view class="bindingCards-input">
 								<input type="number" maxlength="6" class="uni-input font-de-size"
 									@blur="onblur('isCodeFocused')" :focus="codeFocus" v-model="bindParam.code"
 									placeholder="请输入6位验证码" placeholder-class="placeholderdef" />
 							</view>
 							<text class="get-code-style padding-tb-sm point" @click.stop="handleGetCode"
 								:class="{ errColor: disCode }">{{ buttonText }}</text>
 							<view class="bindingCards-line" :class="{ 'bindingCardsLine': codeFocus }"></view>
 						</view>
 						<view class="bindingCards-li" @click="btnFocus('isPwdFocused')">
 							<text class="bindingCards-lable font-de-size padding-tb-sm">密码<text
 									class="red_tips">*</text></text>
 							<view class="bindingCards-input"><input class="uni-input font-de-size" type="password"
 									:password="passwordFlag" :focus="pwdFocus" v-model="bindParam.password"
 									placeholder="请输入6位数密码" @blur="onblur('isPwdFocused')"
 									placeholder-class="placeholderdef" /></view>
 							<text class="lg text-gray  posi-icon"
 								:class="showPassword ?'cuIcon-attentionfill':'cuIcon-attention'"
 								@click="showPassWord"></text>
 							<view class="bindingCards-line" :class="{ 'bindingCardsLine': pwdFocus }"></view>
 						</view>
 					</view>
 				</view>
 				<view class="center_con bg-white">
 					<view>
 						<text class="text_boldstyle">提示</text>
 						<image class="img_posi" :src="env.FileUrl + 'food/ico/images/cod_mod01.png'" mode="aspectFit">
 						</image>
 					</view>
 					<view class="textwezi_sty">
 						支付即享1000元预存，在颐而康门店、精选商城、炖大侠都可消费。
 					</view>
 					<view class="flex justify-end align-center">
 						<text class="btn_wmbl flex justify-center align-center" @click="hidePop('atmeal')">我明白了</text>
 					</view>
 				</view>
 			</view>
 		</uni-popup>

 		<!-- 约餐弹窗 -->
 		<setAutoMeal ref="pop1" @confirm="sureAuto"></setAutoMeal>

 		<!-- 送达时间弹窗 -->
 		<delivery-time-op ref='modelTime' @timeCallback="timeCallback"
 			:source="cartStore.curOrderType.type?'menuYd':(orderType=='manyMeals'?'manyMeal':'')" :fbillId="fbillId" :dayDate="mealsDate"
 			:goodsId="curGoodsId" :rangeType="mealsRangeType" :dodge="true" type="time" :barHidth='860'
 			title="选择预送达时间">
 		</delivery-time-op>
 		<!-- 配送方式弹窗 :carNumber="carNumber" -->
 		<payType ref="payModal" @change="changePayType" :hasRecord="hasRecord" :source="orderType" :vbillid="fbillId"
 			:totalPayPrice="submitData.totalPayPrice"></payType>
 		<deliveryType ref="delivModal" @change="changeDelivType"></deliveryType>
 		<cardInput ref="pswModal" @confirm="cardPayAction" @closeBtn="navToNextPage('psw')"></cardInput>
 		<!-- <sendOut ref="sendOutRef"/> -->
 		<loading></loading>
 	</view>
 </template>
 <script setup lang="ts">
	import { ref, reactive, computed, nextTick } from 'vue';
	import { onLoad, onShow, onHide, onUnload } from "@dcloudio/uni-app";
	import { showLoading, hideLoading, toSupFixed, plusXing, mnavTo } from '@/utils/helper';
	import { getSellerConfig } from '@/utils/public';
	import { env } from '@/api/env.js'
	import mApi from "@/utils/mapi";
	import mFormRule from "@/config/formRule";
	import mChecker from "@/utils/checker";
	import { confirmCart, getCardList, submitBuyingMealsNow, submitOrder, checkOrderStatu, takeCardPay, deliveryCalc, wx_Payment, billDetail } from '@/api/vmeitime-http/index.js';
	// import sendOut from './sendOut.vue'
	import couponModal from "@/pages/index/menu/coupon.vue";
	import payType from "@/components/payType/payType.vue";
	import setAutoMeal from '@/components/setAutoMeal/setAutoMeal.vue';
	import deliveryType from "./deliveryType.vue";
	import { useUserStore } from '@/stores/commonStore';
	import { useCartStore } from '@/stores/cartStore';
	import { useShopStore } from '@/stores/shopStore';

	const cartStore = useCartStore();
	const userStore = useUserStore();
	const shopStore = useShopStore();
	const address = ref("长沙市岳麓区爱民路49号")  //
	// <Record<string, any>>
	const selecDlvType = ref<any>({
		id: '1131',
		name: '外卖配送'
	});//配送方式
	// const deliveryDay = ref('')
	// const radio = ref('0')
	const delivModal = ref()  //配送方式
	const modelTime = ref() //配送时间
	const payModal = ref() //支付方式
	const pswModal = ref() //电子卡密码输入弹窗
	const atmeal = ref() //套餐开卡指引
	const propRemarks = ref() //备注
	const propDiscount = ref() //优惠卷
	const sendOutRef = ref()
	const payWay = ref<any>({
		name: '微信',
		pay_no: '3',
		money: 0
	})//支付方式
	// const type = ref('center')

	const introduction = ref('') //填写备注
	const remarksText = ref('')  //备注显示
	// const tablewarePrice = ref(30)  //餐具价格
	const discounShow = ref(null)  //滚动穿透
	const selectCount = ref(0)

	// const ruleShow = ref(null) //规则动画
	// const modeRuleClass = ref('fade')
	const selectRadiu = ref(false)
	const tabCur = ref(0) //订单列表
	const immediately = ref('立即送出')
	const couponText = ref('选择优惠券')
	const couponvText = ref('选择VIP专区券')//暂
	const popupHealth = ref() //优惠劵超出弹窗
	const tapBtnAgain = ref('重新选')
	const totalPicPay = ref(30)  //总价30
	const coupoPic = ref(10) //选择的优惠劵价格
	const tapBtn = ref('确定')
	const isSpo = ref(false)//拼单
	const isSpoType = ref('0')//拼单支付方式
	const editPhone = ref(false)//编辑手机号码
	const zitPhone = ref('')//自取手机号码
	// 套餐开卡
	const bindParam = ref({
		mobile: "",
		code: "",
		password: "",
	})
	const showPassword = ref(true)
	const passwordFlag = ref(true)
	const errText = ref(null)
	const errPhoneFlag = ref(null)  //是否显示去开卡
	const abnormalFlag = ref(null)  //异常状态
	const buttonText = ref('获取验证码') //倒计时
	const countdown = ref(0)  //倒计时
	const disCode = ref(false)  //验证码禁用
	const nameFocus = ref(null) //绑定输入框的获取状态  姓名
	const codeFocus = ref(null) //验证码
	const pwdFocus = ref(null) //密码
	const inputStatus = ref([false, false, false])
	const subscribeOrderTempale = ref([])
	// const umsDevPay = ref(null)
	// const initUmsPay = (e) => {
	// 	console.log('initUmsPay', e)
	// 	umsDevPay.value = e.detail
	// }
	// 获取屏幕边界到安全区域距离
	// const { safeAreaInsets } = uni.getSystemInfoSync()
	const imgList = reactive([
		{
			id: 0,
			src: 'https://cdn-static.yekjx.com/food/images/us_img01.png'
		},
		{
			id: 1,
			src: 'https://cdn-static.yekjx.com/food/images/us_img02.png'
		},
		{
			id: 2,
			src: 'https://cdn-static.yekjx.com/food/images/us_img03.png'
		}
	])


	// 优惠卷数据
	// const discountData = ref([
	// 	{
	// 		id: 0,
	// 		pic: 9,
	// 		type: 0, //优惠券类型
	// 		title: '新客专享券',
	// 		validity: '2024-02-03',
	// 		select: true,
	// 		show: false,
	// 		ttyy: 1,//0 全部 1现金卷  2Vip贵宾劵
	// 	},
	// 	{
	// 		id: 1,
	// 		pic: 50,
	// 		type: 1, //优惠券类型
	// 		title: 'VIP特价折扣额',
	// 		validity: '2024-02-03',
	// 		content: 30,
	// 		select: false,
	// 		show: false,
	// 		ttyy: 2
	// 	},
	// 	{
	// 		id: 2,
	// 		pic: 9,
	// 		type: 80, //优惠券类型
	// 		title: '减满券',
	// 		validity: '2024-02-03',
	// 		content: 10,
	// 		select: false,
	// 		show: false,
	// 		ttyy: 1
	// 	},
	// 	{
	// 		id: 3,
	// 		pic: 50,
	// 		type: 1, //优惠券类型
	// 		title: '减满券',
	// 		validity: '2024-02-03',
	// 		content: 30,
	// 		select: false,
	// 		show: false,
	// 		ttyy: 1
	// 	},
	// 	{
	// 		id: 4,
	// 		pic: 9,
	// 		type: 80, //优惠券类型
	// 		title: '减满券',
	// 		validity: '2024-02-03',
	// 		content: 10,
	// 		select: false,
	// 		show: false,
	// 		ttyy: 1
	// 	}
	// ])

	// const content = reactive([
	// 	{
	// 		"timezh": "今天 (周三)",
	// 		"timeformatter": "8-10",
	// 		"id": 108,
	// 		"timelist": [{
	// 			"timestr": "立即送达",
	// 			"deliveryfee": "18元配送费",
	// 		}, {
	// 			"timestr": "15:35 - 16:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:05 - 16:30",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:35 - 17:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "17:05 - 18:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "18:35 - 19:00",
	// 			"deliveryfee": "3元配送费",
	// 		}, {
	// 			"timestr": "19:05 - 19:30",
	// 			"deliveryfee": "4元配送费",
	// 		}, {
	// 			"timestr": "19:35 - 20:00",
	// 			"deliveryfee": "4元配送费",
	// 		}]
	// 	},
	// 	{
	// 		"timezh": "3月10日",
	// 		"timeformatter": "8-11",
	// 		"id": 109,
	// 		"timelist": [{
	// 			"timestr": "15:00 - 15:35",
	// 			"deliveryfee": "18元配送费",
	// 		}, {
	// 			"timestr": "15:35 - 16:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:05 - 16:30",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:35 - 17:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "17:05 - 18:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "18:35 - 19:00",
	// 			"deliveryfee": "3元配送费",
	// 		}, {
	// 			"timestr": "19:05 - 19:30",
	// 			"deliveryfee": "4元配送费",
	// 		}, {
	// 			"timestr": "19:35-20:00",
	// 			"deliveryfee": "4元配送费",
	// 		}]
	// 	},
	// 	{
	// 		"timezh": "3月11日",
	// 		"timeformatter": "8-11",
	// 		"id": 109,
	// 		"timelist": [{
	// 			"timestr": "15:00 - 15:35",
	// 			"deliveryfee": "18元配送费",
	// 		}, {
	// 			"timestr": "15:35 - 16:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:05 - 16:30",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:35 - 17:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "17:05 - 18:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "18:35 - 19:00",
	// 			"deliveryfee": "3元配送费",
	// 		}, {
	// 			"timestr": "19:05 - 19:30",
	// 			"deliveryfee": "4元配送费",
	// 		}, {
	// 			"timestr": "19:35-20:00",
	// 			"deliveryfee": "4元配送费",
	// 		}]
	// 	},
	// 	{
	// 		"timezh": "3月12日",
	// 		"timeformatter": "8-11",
	// 		"id": 109,
	// 		"timelist": [{
	// 			"timestr": "15:00 - 15:35",
	// 			"deliveryfee": "18元配送费",
	// 		}, {
	// 			"timestr": "15:35 - 16:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:05 - 16:30",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "16:35 - 17:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "17:05 - 18:00",
	// 			"deliveryfee": "2元配送费",
	// 		}, {
	// 			"timestr": "18:35 - 19:00",
	// 			"deliveryfee": "3元配送费",
	// 		}, {
	// 			"timestr": "19:05 - 19:30",
	// 			"deliveryfee": "4元配送费",
	// 		}, {
	// 			"timestr": "19:35-20:00",
	// 			"deliveryfee": "4元配送费",
	// 		}]
	// 	},
	// ])
	// 菜单数据-7
	// const mentuList = reactive([
	// 	{
	// 		id: 0,
	// 		title: '橄榄油老姜云耳炒鸡100g',
	// 		num: 1,
	// 		pic: 13,
	// 		calorie: 175,
	// 		imgSrc: 'https://cdn-static.yekjx.com/food/images/cod_img01.png',
	// 	},
	// 	{
	// 		id: 1,
	// 		title: '女性瘦瘦推荐套餐',
	// 		num: 1,
	// 		pic: 20,
	// 		calorie: 560,
	// 		imgSrc: 'https://cdn-static.yekjx.com/food/images/cod_img02.png',
	// 		child: [
	// 			{
	// 				id: 0,
	// 				text: '香卤鸡腿1个',
	// 				num: 1,
	// 				calorie: '175Kcal',
	// 				imgSrc: ''
	// 			},
	// 			{
	// 				id: 1,
	// 				text: '橄榄油腊八豆炒蛋100g',
	// 				num: 1,
	// 				calorie: '1175Kcal'
	// 			},
	// 			{
	// 				id: 2,
	// 				text: '撤榄油白灼生菜100g1个',
	// 				num: 1,
	// 				calorie: '135Kcal'
	// 			},
	// 			{
	// 				id: 3,
	// 				text: '三色藜麦饭100g',
	// 				num: 1,
	// 				calorie: '375Kcal'
	// 			}
	// 		]
	// 	}
	// ])
	//  const modalName = ref(null)
	//  const showModal = (e) => {
	// 		modalName.value = e.currentTarget.dataset.target;
	// }

	//  const hideModal = (e) => {
	//  	modalName.value = null
	//  }

	//模态窗弹出
	// const toggleModal = (modal:any) => {
	//   console.log('modal')
	//   console.log(popup.value)
	//   modal.open('bottom')
	// }

	// const closeModal = (modal:any) => {
	//   modal.value.close()
	// }
	const orderType = ref();//meals
	const isCard = ref(false); //套餐是否有电子卡
	const mealsClass = ref(0); //设置自动约餐切换
	const pop1 = ref(null); //设置自动约餐
	const allowSubmits = ref(true);
	// 自动约餐文字
	const autoText = ref('');
	const mealsList = ref([
		{
			name: '我不需要自动'
		},
		{
			name: '我需要自动约餐'
		}
	])
	const mealsParam = ref<any>({});
	const mealsDate = ref('');
	const fbillId = ref('');
	const curGoodsId = ref('');
	const mealsRangeType = ref('');
	const hasRecord = ref(false)
	const carNumber = ref()
	onLoad((option) => {
		if (option.hasRecord) {
			hasRecord.value = option.hasRecord || false//多套支付
		}
		mealsRangeType.value = option.rangeType || '';//多套早中晚
		curGoodsId.value = option.goodsId || '';//多套父goodsId
		fbillId.value = option.fbillId || '';//多套父id
		mealsDate.value = option.dayDate||'';//多套约餐时间
		const ntm = cartStore.getCurTimes;
		orderType.value = option.orderType || '';  //manyMeals meals
		if (orderType.value == 'manyMeals') {
			mealsParam.value = JSON.parse(JSON.stringify(cartStore.manyBuyingParams))
			// showPop('pop1')
		}
		console.log('getCurOrderType0101', ntm);
		//0"我一起付款",'1'各自付款-拼单
		if (option.spo) {
			isSpo.value = true;
			isSpoType.value = option.spo;
		} else {
			isSpo.value = false
		}
		nextTick(() => {
			!loaded.value && loadData('refresh')
		})
		
	})
	onShow(() => {
		nextTick(() => {
			// uni.setStorageSync('isPageShown', true);
			tabCur.value = 0
			loaded.value && loadData('refresh')
			allowSubmit()
			// if (hasRecord.value) {
			// 	getOrderNumber()
			// 	getCarList()
			// }
		})
		
	})
	onUnload(() => {
		hideLoading();
	})
	const allowSubmit = () => {
		let storEndTimes = shopStore.shutTimes.replace(/\s/g, '').split('-')[1]
		let resultTime = compareTime(storEndTimes, shopStore.mealTime.preDeliverTime, shopStore.mealTime.readyMealTime)
		if (!resultTime && cartStore.curOrderType.type != 'SUBSCRIBE') {
			allowSubmits.value = false
		} else {
			allowSubmits.value = true
		}
	}
	//选中支付方式
	const selecPayType = () => { showPop('payModal'); }
	// 订单详情-卡号
	const getOrderNumber = async () => {
		showLoading();
		try {
			let res = await billDetail({ vbill_id: fbillId.value })
			if (!res.result) {
				hideLoading()
				return
			}
			carNumber.value = res.object.sxpDdx.card_no
			console.log('订单详情拿卡号---------------', res, carNumber.value)
		} catch (e) {
			hideLoading()
		}
	}
	//卡列表member/card
	const getCarList = async () => {
		showLoading();
		try {
			let res = await getCardList()
			if (!res.result) {
				hideLoading()
				return
			}
			const nres = res.object.find(item => item.card_no === carNumber.value);
			let r = {
				name: '饭卡' + ('（' + plusXing(nres.phone || '', 4, 4) + '）'),
				pay_no: '8',
				cardId: nres.card_no || '',
				phone: nres.phone || '',
				money: Number(nres.amount || '0')
			}
			payWay.value = r
			console.log('卡列表-------------------------------', r)
		} catch (e) {
			hideLoading()
		}
	}
	const loadData = async (source : any = '') => {
		showLoading();
		// 配送方式缓存
		let cres : any = {};
		if (!shopStore.getCurDlvType) {
			cres = await getSellerConfig();
		}
		selecDlvType.value = shopStore.getCurDlvType ? shopStore.getCurDlvType : cres.sfitem;

		// selecDlvType.value   shopStore.getCurDlvType   sfitem
		if(source=='refresh'&&orderType.value == 'manyMeals'){
			let npay = await payModal.value.initCards();
			payWay.value = npay||{};
			submitData.value.pay_no = payWay.value.pay_no||'';
			console.log('load++',npay)
		}
		getDetail(source);
		nextTick(() => {
			// cartStore.curOrderType
			cartStore.getCurOrderTime.over && cartStore.setCurOrderTimeString({})
			!cartStore.getCurOrderTime.type && modelTime.value.initTimes();
		})

	}
	const orderDetail = ref<any>({});//订单详细信息
	const submitData = ref<any>({
		remarks: '',
		tablewareNums: 1,//餐具数
		// addressId: '', //收货地址8-3
		// pointSellMemberId: '', //提货点ID，卖家会员ID?8-3
		// pointName: '', //提货人姓名8-3
		// pointPhone: '', //提货人电话8-3
		pay_no: '3', //支付编号（支付方式）3微信支付 8电子卡
		totalSellerPrice: 0, //销售总金额
		// xfPointSellMemberId: '', //消费门店id8-3
		// integralTotalMoney: 0, //积分返现金额
		totalBackPrice: 0, //总返现金额
		totalPrice: 0, //应付总金额
		totalPayPrice: 0, //实付总金额
		payBackPrice: 0, //支付返现??
		// pingTuanId: 0, //拼团id
		// rewardTotalIntegral: 0
		// couponId:'',//券id
		// nmberConponId:'',
		// payCouponMoney:''  实际代金劵使用金额
		carriage: 0
	});//订单详细信息
	const cartList = ref<any>([]);//订单详细信息
	const couponDis = ref<any>({ money: 0 });//代金券
	const rcoupParam = ref<any>({})
	// const vipDis = ref<any>({ money: 0 });//专区券
	const loaded = ref(false)
	//套餐设置自动约餐
	const tapItemSelec = (index : any) => {
		mealsClass.value = index
		if (index == '1') {
			showPop('pop1')
		}
	}
	//套餐开卡
	const showPassWord = () => {
		showPassword.value = !showPassword.value
		passwordFlag.value = !passwordFlag.value
	}
	const onblur = (source : string = '') => {
		switch (source) {
			case 'isNameFocused':
				console.log('123')
				inputStatus.value[0] = true
				nameFocus.value = false
				break;
			case 'isCodeFocused':
				inputStatus.value[1] = true
				codeFocus.value = false
				break;
			case 'isPwdFocused':
				inputStatus.value[2] = true
				pwdFocus.value = false
				break;
			default:
				break;
		}
	}
	// 初始化异常状态
	const phoneInput = () => {
		errPhoneFlag.value = false//手机号暂未绑定电子卡
		abnormalFlag.value = false//电子卡异常
		disCode.value = false
		errText.value = ''
	}
	const canSubmit = computed(() => {
		let checkParam = mChecker.check(
			bindParam.value,
			mFormRule.bindCardRule
		);
		let allfocs = inputStatus.value.some(item => item == false)
		errText.value = !allfocs ? mChecker.error.msg : ''
		return checkParam
	});
	const timer = ref(null)
	//获取验证码
	const handleGetCode = async () => {

		if (disCode.value) return
		let checkSendCode = mChecker.check(
			bindParam.value,
			mFormRule.sendCodeRule
		);
		console.log('checkSendCode', checkSendCode);
		if (!checkSendCode) {
			mApi.msg(mChecker.error.msg);
			return;
		}
		if (!disCode.value) {
			countdown.value = 60;
			disCode.value = true
			buttonText.value = `${countdown.value}S`
			timer.value = setInterval(() => {
				countdown.value--;
				if (countdown.value <= 0) {
					disCode.value = false
					clearInterval(timer.value);
					buttonText.value = '获取验证码';
				} else {
					buttonText.value = `${countdown.value}S`;
				}
			}, 1000);
		}
		try {
			showLoading()
			// let res = await sendVeryCode({ phone: bindParam.value.mobile })
			// hideLoading()
			// if (res.result) {
			// 	mApi.msg('验证码发送成功！')
			// } else {
			// 	buttonText.value = '获取验证码';
			// 	disCode.value = false
			// 	clearInterval(timer.value);
			// 	mApi.msg(res.shortMessage || '验证码发送失败！')
			// }
		} catch (e) {
			console.error(e)
		}

		console.log('获取验证码')
	}

	const btnFocus = (isFlag : any) => {
		switch (isFlag) {
			case 'isNameFocused':
				console.log('123')
				nameFocus.value = true
				codeFocus.value = false
				pwdFocus.value = false
				break;
			case 'isCodeFocused':
				codeFocus.value = true
				nameFocus.value = false
				pwdFocus.value = false
				break;
			case 'isPwdFocused':
				pwdFocus.value = true
				nameFocus.value = false
				codeFocus.value = false
				break;
			default:
				break;
		}
	}
	// 自动约餐确认
	const sureAuto = (param : any) => {
		autoText.value = param.text || ''
	}
	//处理代金券等参数
	const getGoodsCollect = () => {
		// {sku:nsku,amount:namount,isVipGood:goodsItem.vipSellPrice?true:false}
		let skuList = [], adAmount = 0, vipDisMoney = 0;//vipDisMoney暂++
		let isUseVip = true	//是否用专区券，暂+++  
		cartList.value.forEach((cItem, cIndex) => {
			let cateItemPrice = 0;
			let actItemPrice = 0;
			cateItemPrice = (cItem.activiyPrice ? cItem.activiyPrice : cItem.sellPrice) || 0;
			cateItemPrice = cateItemPrice * cItem.buyNums || 0;
			actItemPrice = orderDetail.value.totalManBackPrice > 0 && cItem.billActivityComputer ?
				(cItem.nowTotalMoney > 0 ? cItem.nowTotalMoney : 0) : cateItemPrice || 0;
			let namount = Number((actItemPrice).toFixed(2)) || 0;
			let skuMs = {
				sku: cItem.sku || '',
				amount: namount
				// isVipGood: cItem.vipSellPrice ? true : false
			}
			if (isUseVip && orderDetail.value.vipCredCoupon && vipDisMoney > 0) {
				!cItem.vipSellPrice && skuList.push(skuMs)
			} else {
				skuList.push(skuMs)
			}
		});
		// - this.submitData.integralTotalMoney 
		adAmount = orderDetail.value.totalPrice - vipDisMoney - (orderDetail.value.vipCredCoupon && vipDisMoney > 0 ? (orderDetail.value.totalVipPrice || 0 + orderDetail.value.totalVipBackPrice || 0) : 0);
		rcoupParam.value = {
			// singleData
			rcoupGoods: { manjianAmount: orderDetail.value.totalManBackPrice || 0, sku: JSON.stringify(skuList), orderAmount: (adAmount >= 0 ? adAmount : 0).toFixed(2) }//代金券请求参数
		}
	}
	// 配送费
	const getCarriage = (source : any = '') => {
		return new Promise(async (resolve, reject) => {
			try {
				if (selecDlvType.value.id != '1131' || !userStore.curSelecAdress.naddress_id) {
					resolve(0);
					return
				}
				let delvParam = {
					receiver_phone: userStore.curSelecAdress.vphone,
					receiver_name: userStore.curSelecAdress.vname,
					receiver_address: userStore.curSelecAdress.adrs,
					receiver_longitude: userStore.curSelecAdress.longitude,
					receiver_latitude: userStore.curSelecAdress.latitude
					// time
				}
				source === 'change' && showLoading();
				let dres = await deliveryCalc(delvParam);
				let carriage = dres.result && dres.object ? Number(dres.object || 0) : 0;
				source === 'change' && hideLoading()
				resolve(carriage)
			} catch (e) {
				source === 'change' && hideLoading()
				reject(e);
			}
		});
	}

	// 订单信息-确认订单
	const getDetail = async (source : any = '') => {
		try {
			// let delvParam = null;
			let res : any = null;
			if (orderType.value == 'manyMeals') {
				if (!mealsParam.value || mealsParam.value && !mealsParam.value.dynamic_id) {
					mApi.msg('网络繁忙，请稍后再试.')
					hideLoading()
					return
				}
				res = await submitBuyingMealsNow(mealsParam.value);//多套约餐
			} else {
				let ndata : any = {};
				(orderDetail.value && orderDetail.value.vipCredCoupon && vipSelects.value.allowVipTotalPrice > 0 && vipSelects.value.disVAmout <= 0) ? ndata.vipCredCoupon = '6' : '';
				cartStore.curOrderType && cartStore.curOrderType.type ? ndata.patten = cartStore.curOrderType.type : '';
				cartStore.curOrderType && cartStore.curOrderType.type ? ndata.subsTime = cartStore.curOrderType.time.dateString : '';
				res = await confirmCart(ndata);//获取详情
			}

			submitData.value.carriage = await getCarriage();//获取配送费
			// if (selecDlvType.value.id == '1131' && userStore.curSelecAdress.naddress_id) {
			// 	delvParam = {
			// 		receiver_phone: userStore.curSelecAdress.vphone,
			// 		receiver_name: userStore.curSelecAdress.vname,
			// 		receiver_address: userStore.curSelecAdress.adrs,
			// 		receiver_longitude: userStore.curSelecAdress.longitude,
			// 		receiver_latitude: userStore.curSelecAdress.latitude
			// 		// time
			// 	}

			// 	let dres = await deliveryCalc(delvParam);//运费计算

			// 	submitData.value.carriage =  dres.result&&dres.object?Number(dres.object || 0):0;
			// 	console.log('dres++', dres)
			// }

			// deliveryCalc
			loaded.value = true
			if (res.result && res.object) {
				let nres = res.object || {}, goodsGroups = nres.goodsGroups || [], dynamicGoods = nres.dynamicGoods || [], nlist = [];
				goodsGroups.forEach(item => {
					item.goods && item.goods.length > 0 ? nlist = nlist.concat(item.goods) : '';
				})
				nlist = nlist.concat(dynamicGoods);
				orderDetail.value = nres;
				cartList.value = nlist;

				if (nlist.length > 0) {
					if (nres.vipCredCoupon && source != 'changeVipCoup') {
						let vres = await propDiscount.value.getVCoupons('init');
						vipSelects.value = vres || {};
						console.log('vipSelects', vres, vipSelects.value.disVAmout);
					}
					getGoodsCollect()

					console.log('getCoupons001');
					let cres = await propDiscount.value.getCoupons(rcoupParam.value.rcoupGoods, 'init');
					couponSelects.value = cres || {};
					console.log('couponSelects----------------------------------------------------------------', cres);
				}

				hideLoading()
				calcTotal()
				console.log('getCoupons003');


			} else {
				hideLoading()
				mApi.msg(res.shortMessage || '网络繁忙，请稍后再试!', res.code)
			}
		} catch (e) {
			calcTotal()
			console.error(e)
			hideLoading()
			mApi.msg('网络繁忙，请稍后再试!')
		}
	}
	const vipSelects = ref<Record<string, any>>({
		totalNum: 0,
		sList: [],
		canUse: false,
		totalMoney: 0,
		disVAmout: 0
	})//专区券选中
	const couponSelects = ref<Record<string, any>>({})//代金券选中
	// 计算
	const calcTotal = () => {
		const odt = orderDetail.value;

		let totalPrice = Number(odt.totalPrice || 0),
			ctotalBackPrice = Number(odt.totalBackPrice || 0),
			carriage = submitData.value.carriage,
			coupUseMoney = 0,//待 代金券能使用金额
			canUseVip = vipSelects.value.canUse && odt.vipCredCoupon,//待
			vipCanBackMoney = odt.totalVipBackPrice || 0,//vip专区券可抵金额
			totalVipPrice = odt.totalVipPrice || 0;

		coupUseMoney = getRealCoupMoney()
		couponSelects.value.realMoney = coupUseMoney
		let totalPayPrice = totalPrice - coupUseMoney - vipSelects.value.disVAmout + carriage;
		let totalBackPrice = ctotalBackPrice + coupUseMoney - (canUseVip && vipCanBackMoney > 0 && vipSelects.value.disVAmout <= 0 ? vipCanBackMoney : 0)
		totalPayPrice = toSupFixed(totalPayPrice < 0 ? 0 : totalPayPrice, 2)

		submitData.value.totalPrice = totalPayPrice;
		submitData.value.totalPayPrice = totalPayPrice;
		// submitData.value.carriage = carriage;
		submitData.value.totalBackPrice = toSupFixed(totalBackPrice, 2);
		submitData.value.totalSellerPrice = odt.totalSellerPrice || 0;
		// let r = {
		// 	totalPayPrice: totalPayPrice,
		// 	carriage: carriage,
		// 	totalBackPrice: totalBackPrice
		// }
		// console.log('calcTotal', r);
		// return r

	}
	// 代金券实际金额
	const getRealCoupMoney = () => {
		let coupUseMoney = 0;//代金券可用金额
		const voucher = couponSelects.value, odt = orderDetail.value, goods = cartList.value, couMoney = voucher.money || 0, couNums = voucher.nums || 0;
		const canUseVip = vipSelects.value.canUse && odt.vipCredCoupon, disVAmout = vipSelects.value.disVAmout || 0;
		let totalPrice = Number(odt.totalPrice || 0), totalVipPrice = odt.totalVipPrice || 0, vipCanBackMoney = odt.totalVipBackPrice || 0;
		let noCouponPayMoney = totalPrice - (canUseVip && disVAmout > 0 ? totalVipPrice + vipCanBackMoney : 0);//代金券不能抵扣运费、以及使用vip专区券抵扣金额
		noCouponPayMoney < 0 ? noCouponPayMoney = 0 : '';
		// couponSelects = {
		// 	type: item.coupon_type || '',
		// 	type_two: item.coupon_type_two || '',
		// 	cId: item.ncoupon_id || '',
		// 	mId: item.nmber_conpon_id || '',
		// 	money: item.ncoupon_money || 0,
		// 	sellCategory: item.sellCategory || '',
		// 	disRate: item.par_value,
		// realMoney:0,//实际使用金额 
		// nums:1,
		// skus:[]
		// }
		if (voucher.type == '865') { //是否使用专属券isSingleCoupon
			// that.isSingleCoupon = false //待+
			let nowSingleTotalMoney = 0; //使用专属券的商品实际价值总额
			var goodsArr = [];
			goodsArr = goods.filter((goodsItem : any) => {
				if (voucher.skus && voucher.skus.length > 1) {
					for (let c = 0; c < voucher.skus.length; c++) {
						let couponSku = voucher.skus[c];
						if (goodsItem.sku == couponSku) {
							return goodsItem.sku == couponSku;
						}
					}
				} else {
					let couponSku = voucher.skus[0] || 1;
					return goodsItem.sku == couponSku;
				}
			})
			let singItem = goodsArr[0] || {};
			let singGoodPrice = canUseVip && disVAmout > 0 && singItem.vipSellPrice > 0 ? 0 : singItem.activiyPrice ? singItem.activiyPrice * singItem.buyNums : singItem.sellPrice * singItem.buyNums || 0;
			odt.totalManBackPrice > 0 && singItem.billActivityComputer ? (nowSingleTotalMoney = canUseVip && disVAmout > 0 ? singItem.nowTotalMoney || 0 : singItem.fullNowTotalMoney || 0) : nowSingleTotalMoney = singGoodPrice || 0;
			// 积分7--

			// 折扣
			if (voucher.type_two == '970') {
				(voucher.cId && nowSingleTotalMoney > 0) ? coupUseMoney = toSupFixed(((1 - voucher.disRate) * nowSingleTotalMoney), 2) : coupUseMoney = 0;
				// that.isDiscount == '';
				console.log('coupon_券优惠06');
			} else {
				console.log('coupon_券优惠05');
				voucher.cId && (couMoney > nowSingleTotalMoney) ? (nowSingleTotalMoney > noCouponPayMoney ? coupUseMoney =
					noCouponPayMoney : coupUseMoney = nowSingleTotalMoney) : coupUseMoney = couMoney;
				console.log('goodsArr-singGoodItem', goodsArr, singItem, nowSingleTotalMoney, coupUseMoney);
			}
		} else if (voucher.sellCategory && voucher.sellCategory.length > 0) {//类目券
			let sellCategoryArr = voucher.sellCategory.split(',') || [];
			// let totalMaxIntegralMoney = 0; //类目商品可抵扣积分总额1++
			// let cateInteList = [];
			let nowSingleTotalMoney = 0; //使用类目券的商品实际价值总额
			let categoryGoods = [];
			sellCategoryArr.forEach(cateItem => {
				for (let k = 0; k < odt.goodsGroups.length; k++) {
					let goodsGroupItem = odt.goodsGroups[k];
					let listItemgd = goodsGroupItem.goods.filter(goodsItem => {
						return (goodsItem.sellCategoryOne == cateItem ||
							goodsItem.sellCategoryTwo == cateItem ||
							goodsItem.sellCategoryThree == cateItem);
					})
					categoryGoods = categoryGoods.concat(listItemgd);
				}
			})
			console.log('goodsList', categoryGoods)
			let hash = {};
			let newGoodsList = categoryGoods.reduce((preVal, curVal) => {
				console.log('categoodsList-reduce', canUseVip, disVAmout, (canUseVip &&
					disVAmout > 0 ? curVal.nowTotalMoney || 0 : curVal.fullNowTotalMoney || 0))
				if (!hash[curVal.sku]) {
					hash[curVal.sku] = true;
					let cateGoodPrice = canUseVip && disVAmout > 0 && curVal.vipSellPrice > 0 ? 0 :
						curVal.activiyPrice ? curVal.activiyPrice * curVal.buyNums : curVal.sellPrice * curVal.buyNums || 0;
					// nowSingleTotalMoney商品能参与代金券计算实际总金额 商品参与满减活动且使用vip专区券时取nowTotalMoney，不使用vip专区券取fullNowTotalMoney
					odt.totalManBackPrice > 0 && curVal.billActivityComputer ?
						nowSingleTotalMoney += (canUseVip && disVAmout > 0 ? (curVal.nowTotalMoney || 0) : (curVal.fullNowTotalMoney || 0)) :
						nowSingleTotalMoney += cateGoodPrice || 0;
					console.log('nowSingleTotalMoney00', nowSingleTotalMoney, odt.totalManBackPrice, curVal.billActivityComputer)
					preVal.push(curVal);
				}
				return preVal
			}, [])
			// totalMaxIntegralMoney = Number(totalMaxIntegralMoney.toFixed(2));
			nowSingleTotalMoney = Number(nowSingleTotalMoney.toFixed(2));
			console.log('nowSingleTotalMoney01', nowSingleTotalMoney)
			console.log('类目券', categoryGoods)
			// console.log('同类目商品newgoodsList', newGoodsList)
			//nowSingleTotalMoney实际券可抵扣金额（商品实际价值-商品积分实际抵扣金额）
			console.log('nowSingleTotalMoney-类目商品实际抵扣积分总额totalMaxIntegralMoney222', nowSingleTotalMoney)
			if (voucher.type_two == '970') {
				console.log('coupon_券优惠04');
				(voucher.cId && nowSingleTotalMoney > 0) ? coupUseMoney = toSupFixed(((1 - voucher.disRate) * nowSingleTotalMoney), 2) : coupUseMoney = 0;
				// that.isDiscount == ''
			} else {
				voucher.cId && (couMoney > nowSingleTotalMoney) ? (nowSingleTotalMoney > noCouponPayMoney ? coupUseMoney =
					noCouponPayMoney : coupUseMoney = nowSingleTotalMoney) : coupUseMoney = couMoney;
				console.log('coupon_券优惠03', nowSingleTotalMoney);
			}

		} else {
			// 折扣券-全场
			if (voucher.type_two == '970') {
				(voucher.cId && noCouponPayMoney > 0) ? coupUseMoney = toSupFixed(((1 - voucher.disRate) * noCouponPayMoney), 2) : coupUseMoney = 0;
				// that.isDiscount == '';
				console.log('coupon_券优惠02');
			} else {
				voucher.cId && (couMoney > noCouponPayMoney) ? coupUseMoney = noCouponPayMoney : coupUseMoney = couMoney;
				console.log('coupon_券优惠01');
			}
		}
		if (coupUseMoney <= 0) {

			//重置代金券couNums couMoney nums money
			// couponSelects.value = {usable:voucher.usable,nums:couNums};

		}
		console.log('coupon_券优惠000', coupUseMoney, noCouponPayMoney, voucher.disRate, (1 - voucher.disRate) * noCouponPayMoney, 'vsm', vipCanBackMoney, disVAmout, (vipCanBackMoney > 0 &&
			disVAmout <= 0 ? vipCanBackMoney : 0))
		return Number(coupUseMoney.toFixed(2)) || 0; //代金券
	}
	// 确认优惠券
	const changeCoupons = (e : any) => {
		let { curVCoupon, curCoupon } = e.value
		let needRfresh = vipSelects.value.disVAmout != curVCoupon.disVAmout;
		couponSelects.value = curCoupon || {};//已选券
		vipSelects.value = curVCoupon || {};//专区券
		console.log('changecurVCoupon00', vipSelects.value)
		console.log('changeCoupons00', couponSelects.value)
		needRfresh ? loadData('changeVipCoup') : calcTotal()
		// coupoPic.value = val
		// couponText.value = '-¥3'
		// setTimeout(() => {
		// 	// 优惠卷超出提示弹窗
		// 	showPop('popupHealth')
		// }, 500)
	}
	const verificSubmit = (param : any) => {
		let ves = true, msg = '';
		if (cartList.value.length <= 0) {
			ves = false
			msg = '您的商品库存不足了哦！'
			setTimeout(function () {
				uni.navigateBack();
			}, 800);
		}
		console.log('payWay.value',payWay.value)
		if(ves && orderType.value == 'manyMeals'&&!submitData.value.pay_no){
			ves = false
			msg = '您未绑定电子卡哦！'
			showPop('payModal')
		}
		// 电子卡支付
		if (ves && payWay.value.pay_no == '8' && payWay.value.money < submitData.value.totalPayPrice) {
			ves = false
			msg = '您的饭卡余额不足哦！'
		}
		console.log('selecDlvType.value.id', selecDlvType.value.id, param)
		// 地址
		if (ves && selecDlvType.value.id == '1131' && !param.addressId) {
			ves = false
			msg = '请添加配送地址！'
		}
		// 自取
		if (ves && selecDlvType.value.id == '1120' && !param.pointSellMemberId) {
			ves = false
			msg = '请选择取餐门店！'
		}
		// 自取
		if (ves && selecDlvType.value.id == '1120' && (!param.pointPhone || !(/^1(3|4|5|6|7|8|9)\d{9}$/.test(param.pointPhone)))) {
			ves = false
			msg = param.pointPhone ? '请输入正确的预留电话！' : '请输入预留电话！'
		}
		if (ves && !param.subscribeTime) {
			ves = false
			msg = param.subscribe ? '请选择预定时间哦！' : selecDlvType.value.id == '1131' ? '请选择配送时间哦！' : selecDlvType.value.id == '1130' ? '请选择取餐时间哦！' : '请选择就餐时间哦！';
		}

		// selecDlvType.id=='1130'//
		return {
			ves: ves,
			msg: msg
		}

	}
	const compareTime = (timeResult : any, preDeliverTime : any, readyMealTime : any) => {
		let currentTime = new Date();
		let totalTimeToSubtract = parseInt(preDeliverTime) + parseInt(readyMealTime);
		currentTime.setMinutes(currentTime.getMinutes() + totalTimeToSubtract);
		let [timeResultHour, timeResultMinute] = timeResult.split(':').map(Number);
		let timeResultDate = new Date();
		timeResultDate.setHours(timeResultHour);
		timeResultDate.setMinutes(timeResultMinute);
		timeResultDate.setSeconds(0);
		return currentTime <= timeResultDate;
	}
	const curOrderId = ref(null)
	// 提交订单
	const doSubmit = async () => {
		try {
			if (!allowSubmits.value) {
				return
			}
			if (!canRepeatClick.value) {
				return
			}
			
			const { cId, mId, realMoney } = couponSelects.value
			let ndata : Record<string, any> = {};
			// 用代金券
			if (cId && realMoney > 0) {
				ndata.couponId = cId
				ndata.nmberConponId = mId
				ndata.payCouponMoney = realMoney
			}
			
			// 外卖
			selecDlvType.value.id == '1131' ? ndata.addressId = (userStore.curSelecAdress.naddress_id || '') : '';
			selecDlvType.value.id == '1131' ? ndata.latitude = (userStore.curSelecAdress.latitude || '') : '';
			selecDlvType.value.id == '1131' ? ndata.longitude = (userStore.curSelecAdress.longitude || '') : '';
			console.log('ndata++++0', ndata, submitData.value);
			console.log('userStore.curSelecAdress', selecDlvType.value.id == '1131', userStore.curSelecAdress, ndata.addressId)
			// userStore.curSelecAdress editPhone.value
			// 自取
			selecDlvType.value.id == '1120' ? ndata.pointSellMemberId = (shopStore.shopInfo.nmember_id || '') : '';
			selecDlvType.value.id == '1120' ? ndata.pointPhone = zitPhone.value : '';
			// 专区券
			if (orderDetail.value.vipCredCoupon && vipSelects.value.disVAmout && vipSelects.value.disVAmout > 0 &&
				vipSelects.value.sList && vipSelects.value.sList.length > 0) {
				let credCoupons = [];
				vipSelects.value.sList.forEach(item => {
					item.selectNums > 0 && credCoupons.push({
						facelMoney: item.faceMoney,
						couponNums: item.selectNums
					})
				});
				ndata.credCoupons = credCoupons; //JSON.stringify(credCoupons) 
			}
			// 预定订单
			ndata.subscribe = cartStore.curOrderType.type == 'SUBSCRIBE' ? true : false;
			ndata.subscribeTime = cartStore.getCurOrderTime.time;
			// 多套约餐
			if (orderType.value == 'manyMeals') {
				ndata.twoBillType = '1184';//订单二级类型现点1183  多套开通开通套餐1184周期套餐
				ndata.fatherBillId = fbillId.value;
				ndata.rangeType = mealsRangeType.value
			}
			
			
			const nsubmitData = { ...submitData.value };
			const sdata = Object.assign({}, ndata, nsubmitData);
			// let sdata = { ...ndata, ...submitData.value };
			console.log('store.curSelecAdress00', sdata)
			console.log('store.curSelecAdress01', ndata)
			console.log('store.curSelecAdress02', nsubmitData)
			// payWay.value
			//校验
			const vtc = verificSubmit(sdata);
			if (!vtc.ves) {
				mApi.msg(vtc.msg)
				return
			}
			
			
			// 拼单
			// if (isSpo.value) {
			// 	if (isSpoType.value == '0') {
			// 		toRouter('/pages/others/spordSuccess/spordSuccess')
			// 	} else {
			// 		toRouter('/pages/others/paymentByself/paymentByself')
			// 	}
			// 	return
			// }			
			// if(orderType.value == 'manyMeals'){
			// 	subscribeOrderTempale.value.push('S-6zMqAwqctUMfxaYR1drf_J6gThMO9vHqNmypNruc4')
			// 	subscribeOrderTempale.value.push('YSUxUl7q34MTLgPrKkukcSqkg9NmQ68JyeTDMzj7sTM')
			// }else{
			// 	subscribeOrderTempale.value.push('Ppw8k3rVU1nbm6rD2CIBT3N5Wxpwr8TWm6TvncYqusQ')
			// 	subscribeOrderTempale.value.push('1kNX8Kb-0rw9k8zzGG8yLLJQBPvOA9LVBSdrZPKTTmI')
			// 	subscribeOrderTempale.value.push('L4h0hu60fG-adopZEIyK-w7BG7Qd-uI3Lih1wRHik3Y')
			// }
			subscribeOrderTempale.value.push('Ppw8k3rVU1nbm6rD2CIBT3N5Wxpwr8TWm6TvncYqusQ')
			subscribeOrderTempale.value.push('1kNX8Kb-0rw9k8zzGG8yLLJQBPvOA9LVBSdrZPKTTmI')
			subscribeOrderTempale.value.push('L4h0hu60fG-adopZEIyK-w7BG7Qd-uI3Lih1wRHik3Y')
			if (subscribeOrderTempale.value) {
				if (wx.requestSubscribeMessage) {
					console.log('订单消息订阅2', wx.requestSubscribeMessage);
					wx.requestSubscribeMessage({
						tmplIds: subscribeOrderTempale.value,
						success(res) {
							console.log('订单消息订阅res', res);
							const allReject = Object.entries(res).filter(([key, value]) => key != 'errMsg').every(([key, value]) => value == "reject");
							if (allReject) {
								wx.showModal({
									title: '订阅消息',
									content: '您已拒绝了订阅消息，如需重新订阅请前往设置打开。',
									confirmText: '去设置',
									//showCancel: false,
									success: res => {
										if (res.cancel) {
											submitOrders(sdata)
										}
										if (res.confirm) {
											wx.openSetting({})
										}
									}
								})
							} else {
								submitOrders(sdata)
							}
							// console.log('res订阅',res)
							// for (var key in res) {
							// 	if (key != 'errMsg') {
							// 		if (res[key] == 'reject') {
							// 			wx.showModal({
							// 				title: '订阅消息',
							// 				content: '您已拒绝了订阅消息，如需重新订阅请前往设置打开。',
							// 				confirmText: '去设置',
							// 				//showCancel: false,
							// 				success: res => {
							// 					if (res.cancel) {
							// 					  submitOrders(sdata)
							// 					}
							// 					if (res.confirm) {
							// 						wx.openSetting({})
							// 					}
							// 				}
							// 			})
							// 			return
							// 		} else {
							// 			console.log('订单订阅成功:',JSON.stringify(res));
							// 			submitOrders(sdata)
							// 			//that.goCreateOrderComplete(orderId,payMoney,assembleParams,pintuanDefaultServiceType,orderType,skuType);
							// 		}
							// 	}
							// }
						},
						fail(err) {
							console.log('订单订阅失败:', JSON.stringify(err));
							submitOrders(sdata)
							//that.goCreateOrderComplete(orderId,payMoney,assembleParams,pintuanDefaultServiceType,orderType,skuType);
						}
					})
			
				} else {
					console.log('当前微信版本过低，无法使用订阅消息推送功能，请升级最新微信版本')
					mApi.msg("当前微信版本过低，无法使用订阅消息推送功能，请升级最新微信版本")
				}
			}
			// try {
			// 	rezBtnStatus(false);
			// 	showLoading({ title: '提交订单...' })
			// 	let res = await submitOrder(sdata);//获取详情
			// 	if (res.result && res.object) {
			// 		checkProStatus(res.object)
			// 		// toRouter('/pages/order/orderSuccess/orderSuccess')
			// 	} else {
			// 		if (res.shortMessage.indexOf('运费') != -1) {
			// 			submitData.value.carriage = await getCarriage('change');////重新计算运费
			// 			calcTotal()
			// 		}
			// 		mApi.msg(res.shortMessage || '网络繁忙，请稍后再试！');
			// 		rezBtnStatus();
			// 		hideLoading();
			
			// 	}
			// } catch (e) {
			// 	rezBtnStatus();
			// 	hideLoading();
			// 	console.error(e)
			// }
		} catch (e) {
			console.error(e)
		}

	}
	const submitOrders = async (sdata : any) => {
		try {
			rezBtnStatus(false);
			showLoading({ title: '提交订单...' })
			let res = await submitOrder(sdata);//获取详情
			if (res.result && res.object) {
				checkProStatus(res.object)
				// toRouter('/pages/order/orderSuccess/orderSuccess')
			} else {
				if (res.shortMessage&&res.shortMessage.indexOf('运费') != -1) {
					submitData.value.carriage = await getCarriage('change');////重新计算运费
					calcTotal()
				}
				mApi.msg(res.shortMessage || '网络繁忙，请稍后再试！');
				rezBtnStatus();
				hideLoading();

			}
		} catch (e) {
			rezBtnStatus();
			hideLoading();
			console.error(e)
		}
	}
	const checkNums = ref(0)//查询次数
	const canRepeatClick = ref(true)
	let intervalid = ref(null)
	// 查询创建订单状态
	const checkProStatus = async (id) => {
		let res = await checkOrderStatu({ sessionid: id });
		if (res.state) {
			if (res.state === 'success') {
				zitPhone.value&&uni.setStorageSync('ziTiPhone', zitPhone.value);
				orderType.value == 'manyMeals'&&cartStore.setTsCarList([]);
				orderType.value == 'manyMeals'&&cartStore.setTmoreDetail({});
				curOrderId.value = id;
				clearTimeout(intervalid.value);
				hideLoading();
				if (payWay.value.pay_no == '8') {
					submitData.value.totalPayPrice === 0 ? navToNextPage() : showPop('pswModal', { totalPayMoney: submitData.value.totalPayPrice })
					return
				}
				// 暂未添加微信支付
				payWay.value.pay_no == '3' && wxPay(id)
				// getPayActivity()
			} else if (res.state === 'fail') {
				rezBtnStatus();
				hideLoading();
				mApi.msg(res.messages || '提交失败，请稍后尝试');
			} else {
				checkNums.value++;
				console.log('checkProStatus次数：', checkNums.value);
				if (checkNums.value < 8) {
					intervalid.value = setTimeout(function () {
						checkProStatus(id);
					}, 2000);
				} else {
					hideLoading();
					checkNums.value = 0;
					rezBtnStatus();
					uni.showModal({
						title: '提示',
						content: res.messages || '提交失败，请稍后尝试',
						showCancel: false,
						confirmText: '知道了'
					})
				}
			}
		} else {
			rezBtnStatus();
			mApi.msg(res.messages || '提交失败，请稍后尝试');
		}
	}
	const rezBtnStatus = (v : any = true, source : any = '') => {
		canRepeatClick.value = v;
	}
	const wxPay = async (billId : any = '') => {
		let res = await wx_Payment({ merOrderId: billId });
		if (!res.result || !res.object) {
			mApi.msg(res.shortMessage || '支付失败');
			navToNextPage('psw')
			return
		}
		const nres = res.object || {};
		const { nonceStr, paySign, signType, timeStamp } = nres;
		wx.requestPayment({
			provider: 'wxpay',
			timeStamp: timeStamp || '',
			nonceStr: nonceStr || '',
			package: nres.package || '',
			signType: signType || '',
			paySign: paySign || '',
			success: function (res) {
				navToNextPage()
				console.log('支付成功');
			},
			fail: function (err) {
				navToNextPage('psw')
				console.log('支付失败', err);
			}
		});
	}
	// 跳转
	const navToNextPage = (source : any = '') => {
		// 清除多套约餐缓存
		orderType.value == 'manyMeals' ? cartStore.setTsCarList([]) : '';
		orderType.value == 'manyMeals' ? cartStore.setTmoreDetail({}) : '';
		// '/pages/order/orderDetails/orderDetails?vbill_id=' + item.vbill_id  + '&activeType=' + '' + '&type=' + '1' + '&needInvoiceId=' + item.needInvoiceId
		let url = source == 'psw' ? `/pages/order/orderDetails/orderDetails?vbill_id=${curOrderId.value}&activeType=${isSpoType.value ? 'pindan' : ''}&type=${selecDlvType.value.id}` :
			`/pages/order/orderSuccess/orderSuccess?vbill_id=${curOrderId.value}&payAmount=${submitData.value.totalPayPrice}&orderType=${isSpoType.value}`
		console.log('navToNextPage', url)
		uni.redirectTo({
			url: url
		});
	}
	// 电子卡支付
	const cardPayAction = async (psw) => {
		// let mcardId = that.memberInfo && that.memberInfo.cardno && that.memberInfo.cardno != memberDetails.vcard ?
		// 	that.memberInfo.cardno : memberDetails.vcard;
		// let payMoney = that.PayActivityData.activityPrice ? that.PayActivityData.activityPrice : that.submitData
		// 	.totalPayPrice;
		const cardPayData = {
			cardId: payWay.value.cardId,
			billId: curOrderId.value,
			pay_no: payWay.value.pay_no,
			pswd: psw,
			money: submitData.value.totalPayPrice
		};
		showLoading({ title: '正在支付...' });
		try {
			let res = await takeCardPay(cardPayData)
			if (res.result) {
				navToNextPage()
				hideLoading();
			} else {
				hideLoading();
				uni.showModal({
					title: '提示',
					content: res.shortMessage || '支付结果查询异常',
					confirmText: '知道了',
					showCancel: false,
					success(nres) {
						// that.actOrderPayed = false;
						// that.showInputModal = true;
						// that.isFocus = true;
						if (res.shortMessage.indexOf('解锁') != -1) {
							return
						}
						showPop('pswModal', { totalPayMoney: submitData.value.totalPayPrice })
					}
				})
				if (res.shortMessage.indexOf('将锁卡') != -1) { //头两次密码输入错误
					// that.password = '';
					// that.actOrderPayed = false;
					pswModal.value.initData()
				} else { //输错三次卡被锁
					// setTimeout(() => {
					// 	uni.redirectTo({ url: '../wait_payment/wait_payment' });
					// }, 2000);
				}
			}
		} catch (e) {
			hideLoading();
		}


	}
	// const canSubmit = ref(true)
	const blurPhone = () => {
		editPhone.value = false;
		(/^1(3|4|5|6|7|8|9)\d{9}$/.test(zitPhone.value)) && userStore.setZitPhone(zitPhone.value);
	}
	//支付方式
	const changePayType = (e) => {
		console.log('changepay', e);
		payWay.value = e;
		submitData.value.pay_no = e.pay_no;
	}
	//配送方式
	const changeDelivType = async (e) => {
		console.log('changeDelivType', e);
		selecDlvType.value = e;
		submitData.value.carriage = e.id != '1131' ? 0 : await getCarriage('change');
		calcTotal()

	}
	const showPop = (source : string, param ?: any) => {
		switch (source) {
			case 'delivModal':
				delivModal.value?.open('bottom')
				break;
			case 'propDiscount':
				propDiscount.value?.open(param ? param.index : 0);
				// fn();
				break;
			case 'payModal':
				payModal.value?.open('bottom')
				break;
			case 'popupHealth':
				popupHealth.value?.open('center')
				break;
			case 'atmeal':
				atmeal.value?.open('center')
				break;
			case 'pop1':
				pop1.value?.open()
				break;
			case 'propRemarks':
				propRemarks.value?.open('bottom')
				break;
			case 'pswModal':
				pswModal.value?.open(param)
				break;
			default:
				break;
		}
	}
	const hidePop = (source : string) => {
		switch (source) {
			case 'delivModal':
				delivModal.value?.close()
				break;
			case 'propDiscount':
				propDiscount.value?.close()
				break;
			case 'payModal':
				payModal.value?.close()
				break;
			case 'popupHealth':
				popupHealth.value?.close()
				break;
			case 'atmeal':
				atmeal.value?.close()
				break;
			case 'pop1':
				pop1.value?.close()
				break;
			case 'propRemarks':
				propRemarks.value?.close()
				break;
			case 'pswModal':
				pswModal.value?.close()
				break;

			default:
				break;
		}
	}

	// const fn = () => {
	// 	selectCount.value = discountData.value.filter(item => item.select).length
	// }
	//关闭选择优惠卷
	// const cloaseDiscount= () => {
	// 	propDiscount.value.close()
	// }


	// 备注取消
	const cloaseRemarks = () => {
		propRemarks.value.close()
	}
	//完成
	const completeRemarks = () => {
		// if (introduction.value == '') return
		remarksText.value = introduction.value
		submitData.value.remarks = introduction.value
		propRemarks.value.close()
	}

	// const changeCheck = (e:any) => {
	//   const { detail } = e
	//   console.log(detail.value.length)
	//   if(detail.value.length > 0){
	//     console.log('选中')
	//   }
	// }

	// 餐具计算
	const changeValue = (value : any) => {
		console.log('返回数值：', value);
	}


	const tablewareBlur = (e : any) => {
		console.log('blur:', e);
	}
	const tablewareFocus = (e : any) => {
		console.log('focus:', e);
	}

	const remarksChang = (e) => {
		console.log(e)
	}
	const stopPrevent = () => {
		return false
	}

	// 原选券确认
	// const updateValueFn = (val : any) => {
	// 	// coupoPic.value = val
	// 	couponText.value = '-¥3'
	// 	console.log(val)
	// 	if (isCouponGreaterThanTotal.value) {
	// 		console.log(isCouponGreaterThanTotal.value)
	// 		tapBtnAgain.value = '重新选'
	// 		tapBtn.value = '确定'
	// 	} else {
	// 		tapBtnAgain.value = '下次使用'
	// 		tapBtn.value = '再去逛逛'
	// 	}
	// 	setTimeout(() => {
	// 		showPop('popupHealth')
	// 	}, 500)
	// }

	// 计算属性，判断选择的优惠券价格是否大于总价
	const isCouponGreaterThanTotal = computed(() => {
		return coupoPic.value > totalPicPay.value;
	});




	const tapBtnAgainFn = () => {
		// hidePop('popupHealth')
		// setTimeout(()=>{
		//    showPop('propDiscount')
		// },500)
		//isCouponGreaterThanTotal = true重新选  false下次使用
		if (isCouponGreaterThanTotal.value) {
			hidePop('popupHealth')
			setTimeout(() => {
				showPop('propDiscount')
			}, 500)
		} else {
			hidePop('popupHealth')
		}
		console.log(propDiscount.value.totalPay)
	}

	const tapSure = () => {
		// 确定 isCouponGreaterThanTotal = true重新选  false下次使用
		if (isCouponGreaterThanTotal.value) {
			hidePop('popupHealth')
		} else {
			hidePop('popupHealth')
			setTimeout(() => {
				showPop('propDiscount')
			}, 500)
		}
		// hidePop('popupHealth')

	}


	const tabselectRadiu = () => {
		selectRadiu.value = !selectRadiu.value
	}

	//选择送达时间开启模态框
	const opneTiemProp = async () => {
		modelTime.value.open()
		await getSellerConfig();
		allowSubmit()
	}
	//关闭
	// const  closeTimeProp = ()=> {
	//    modelTime.value.close()
	// }
	//选中天
	// const dataCallback = (e : any) => {
	// 	// deliveryDay.value = e.timezh
	// 	// console.log(e.timezh)
	// }
	//选择小时
	const timeCallback = (e : any) => {
		console.log('timeCallback', e)
		// immediately.value = e.timestr == '立即送达' ? '立即送出' : '送餐时间'

		modelTime.value.close()
		// console.log(e.save)
		// console.log(e.deliveryfee)
	}
	const discounChange = (e : any) => {
		discounShow.value = e.discounShow
	}

	const toRouter = (url : any) => {
		uni.navigateTo({
			url
		})
	}
	const toMapLocals = () => {

		uni.openLocation({
			longitude: Number(shopStore.shopInfo.vgps.split(',')[0]),
			latitude: Number(shopStore.shopInfo.vgps.split(',')[1]),
			scale: 17, //5-18，默认18
			name: shopStore.shopInfo.vnick,
			address: shopStore.shopInfo.vaddress
		});
	}
	// const handleRule =(type:any)=>{
	//   ruleShow.value = !ruleShow.value
	//   modeRuleClass.value = type
	// }
	const getShopDis = () => {
		let str = (orderDetail.value.totalSellerPrice - orderDetail.value.totalPrice).toFixed(2).replace(/(\.\d*?[1-9])0+$/g, '$1').replace(/\.0+$/, '');
		// str= str
		return str
	}
 </script>

 <style scoped lang="scss">
 	.yifont {
 		font-size: 32rpx !important;
 	}

 	/************套餐样式************/
 	// 开卡deep
 	.my_cards {
 		color: #148A3D;
 		font-family: "Microsoft YaHei UI";
 		font-size: 32rpx;
 		font-style: normal;
 		font-weight: 400;
 		line-height: normal;
 		padding-top: 26rpx;

 		.text-green {
 			color: #148A3D;
 			margin-left: 10rpx;
 		}
 	}

 	.red_tips {
 		color: #FF6D6D;
 		font-family: ABeeZee;
 		font-size: 24rpx;
 		font-weight: 400;
 		margin-left: 10rpx;
 	}

 	:deep().placeholderdef {
 		color: #CBCBCB !important;
 		font-size: 32rpx;
 	}

 	.bindingCards-li {
 		display: flex;
 		border-bottom: 1px solid #F3F3F3;
 		min-height: 110rpx;
 		// padding-top: 70rpx;
 		// padding-bottom: 42rpx;
 		position: relative;
 		// min-height: 160rpx;
 		align-items: center;

 		.bindingCardsLine {
 			// width: 100%;
 			// height: 2rpx;
 			// position: absolute;
 			// bottom: 0;
 			// flex-shrink: 0;
 			// stroke-width: 1px;
 			// background-color: #56BF7A;
 			// stroke: #56BF7A;
 			// filter: drop-shadow(0px 0px 4px #56BF7A);
 			// transition: all .5s;
 		}

 		.posi-icon {
 			font-size: 35rpx;
 		}

 		.get-code-style {
 			color: #148A3D;
 			font-size: 32rpx;
 			font-style: normal;
 			font-weight: 400;
 			line-height: normal;
 			width: 160rpx;
 			text-align: right;
 			display: inline-block;
 			// position: absolute;
 			// right: 0;
 			// text-align: right;
 		}



 		.bindingCards-input {
 			flex: 1;
 			padding-right: 30rpx;

 			.uni-input {
 				color: #333;
 			}
 		}

 		.bindingCards-lable {
 			min-width: 150rpx;
 			font-size: 32rpx;

 		}
 	}

 	//开卡end

 	.yuecan_wenan {
 		color: #999;
 		text-align: right;
 		font-family: "Microsoft YaHei UI";
 		font-size: 28rpx;
 		font-weight: 400;
 		padding-bottom: 30rpx;
 	}

 	.fcon-weibiaoti01 {
 		margin-right: 10rpx;
 		color: #999;
 		font-size: 32rpx;
 	}

 	.tips_tx_w {
 		padding: 20rpx;
 		width: 702.91rpx;
 		border-radius: 10rpx;
 		margin: 20rpx auto 0;
 	}

 	.tips_tx {
 		color: #999;
 		font-feature-settings: 'liga' off, 'clig' off;
 		font-family: "Microsoft YaHei UI";
 		font-size: 16px;
 		font-style: normal;
 		font-weight: 400;
 		line-height: 150%;
 		/* 24px */
 	}

 	.set_meals {
 		padding: 0rpx 0 30rpx;

 		.set_meals_li {
 			width: 301rpx;
 			height: 90rpx;
 			flex-shrink: 0;
 			border-radius: 5px;
 			background: #F7F7F7;
 			padding: 0 17rpx;
 		}

 		.meals_font {
 			color: #333;
 			font-family: "Microsoft YaHei UI";
 			font-size: 30rpx;
 			font-weight: 400;
 		}

 		.csico {
 			margin-left: 10rpx;
 		}
 	}

 	.yuecanhei {
 		height: 110rpx;
 	}

 	.yuencan_con {
 		padding: 0 20rpx;
 		width: 702.91rpx;
 		background: #fff;
 		border-radius: 10rpx;
 		margin: 20rpx auto 0;
 		background: linear-gradient(180deg, #E4FEEE 10%, #FFF 40%) !important;
 		color: #333;
 		font-family: "Microsoft YaHei UI";
 		font-size: 32rpx;
 		font-weight: 700;
 	}

 	.footer_text {
 		margin-top: 20rpx;
 		border-radius: 5px;
 		background: rgba(235, 239, 251, 0.30);
 		padding: 14rpx;

 		.fon_size {
 			color: #999;
 			font-family: "Microsoft YaHei UI";
 			font-size: 28rpx;
 			font-style: normal;
 			font-weight: 400;
 			line-height: normal;
 		}
 	}

 	.card_text {
 		color: #333;
 		font-family: "Microsoft YaHei UI";
 		font-size: 32rpx;
 		font-weight: 400;
 	}

 	.top_con {
 		width: 702rpx;

 		.text_boldstyle {
 			color: #333;
 			text-align: justify;
 			font-family: "Microsoft YaHei UI";
 			font-size: 36rpx;
 			font-style: normal;
 			font-weight: 700;
 			line-height: normal;
 		}

 		.textwezi_sty {
 			color: #333;
 			text-align: justify;
 			padding: 34rpx 0;
 			font-family: "Microsoft YaHei UI";
 			font-size: 32rpx;
 			font-style: normal;
 			font-weight: 400;
 			line-height: 154%;
 			/* 24.64px */
 		}

 		.btn_wmbl {
 			color: #fff;
 			width: 204rpx;
 			height: 60rpx;
 			flex-shrink: 0;
 			border-radius: 36px;
 			background: #53A87F;
 		}
 	}

 	.center_isCard_con {
 		border-radius: 20rpx;
 		padding: 20rpx 30rpx 20rpx 30rpx;
 	}

 	.center_noCard_con {
 		height: 140rpx;
 		border-radius: 20rpx;
 	}

 	.center_con {
 		padding: 40rpx;
 		height: 333.206rpx;
 		margin-top: 60rpx;
 		border-radius: 10px 35px;
 		background: linear-gradient(180deg, #B9F9DE 0%, #EFFFEB 51%, #FAFDFE 100%);
 		position: relative;

 		.img_posi {
 			position: absolute;
 			right: 40rpx;
 			width: 122rpx;
 			height: 122rpx;
 			top: -45rpx;
 		}
 	}

 	/***********************/

 	.fp_box {
 		width: calc(100vw - 40rpx);
 		// position: fixed;
 		// left: 20rpx;
 		// top:0;
 		color: #FF9700;
 		background: #FFF4E4;
 		border-radius: 10rpx;
 	}

 	.font-weigth-no {
 		font-weight: normal !important;
 	}

 	.container {
 		width: 100vw;
 	}

 	.uni-popup .uni-popup__wrapper {
 		border-radius: 30rpx;
 	}

 	.introductionStyle {
 		color: #53A87F !important;
 	}

 	.disTips {
 		position: absolute;
 		right: 38rpx;
 		top: 60rpx;
 		z-index: 1;

 		.disimg {
 			width: 64rpx;
 			height: 64rpx;
 		}

 		.disbub {
 			position: absolute;
 			left: 50%;
 			top: -46rpx;
 			transform: translateX(-50%);
 			height: 38rpx;
 			line-height: 39rpx;
 			z-index: 2;
 			min-width: 120rpx;
 			border-radius: 38rpx;
 			background: #53A87F;
 			white-space: nowrap;
 		}

 		.sanj {

 			// height: 38rpx;
 			&:before {
 				content: '';
 				position: absolute;
 				left: 50%;
 				transform: translateX(-50%);
 				bottom: -10rpx;
 				width: 0;
 				height: 0;
 				border-left: 12rpx solid transparent;
 				border-right: 12rpx solid transparent;
 				border-top: 12rpx solid #53A87F;
 			}

 		}


 	}

 	// .launch {
 	// 	color: #666;
 	// 	font-family: "Microsoft YaHei UI";
 	// 	font-size: 24rpx;
 	// 	font-weight: 400;
 	// 	display: flex;
 	// 	justify-content: center;
 	// 	align-items: center;
 	// 	padding: 20rpx 0 10rpx;

 	// 	.rotateStyle {
 	// 		display: inline-block;
 	// 		font-size: 24rpx;
 	// 		color: #666;
 	// 	}
 	// }

 	// .routerHover {
 	// 	transform: rotate(180deg);
 	// }



 	.color9 {
 		color: #999;
 	}

 	.activeRed {
 		color: #EB6060 !important;
 		font-feature-settings: 'clig' off, 'liga' off;
 		font-family: "Microsoft YaHei UI";
 		font-size: 32rpx;
 		font-style: normal;
 		font-weight: 400;
 	}

 	// .cuIcon-round {
 	// 	color: #fff;
 	// }

 	// .cuIcon-roundcheckfill {
 	// 	color: $base-color;
 	// }

 	.flex-item {
 		align-items: center;
 	}

 	.splicingOrders {
 		background-color: #B9F9DE;
 		padding: 20rpx 30rpx;

 		.splicingOrders-text {
 			color: #333;
 			margin-right: 10rpx;
 		}
 	}

 	.sub-flow {
 		width: 100%;
 		background-color: #fff;
 		padding: 20rpx 30rpx;

 		.line-border1 {
 			position: relative;

 			&:before {
 				content: '';
 				position: absolute;
 				width: 66rpx;
 				height: 2rpx;
 				border-bottom: 1rpx dashed #BCBCBD;
 				top: 50%;
 				transform: translateX(-50%);
 				right: -100%;
 			}
 		}

 		.line-border2 {
 			position: relative;

 			&:before {
 				content: '';
 				position: absolute;
 				width: 66rpx;
 				height: 2rpx;
 				border-bottom: 1rpx dashed #BCBCBD;
 				top: 50%;
 				transform: translateX(-50%);
 				right: -40%;
 			}
 		}

 		.font-style-flow {
 			color: #666;
 			font-family: "Microsoft YaHei UI";
 			font-size: 28rpx;
 			font-weight: 400;
 		}
 	}

 	.splicing-orders {
 		.splicing-item {
 			align-items: center;
 		}

 		.splicing-con {
 			image {
 				width: 76.328rpx;
 				height: 76.328rpx;
 				margin-left: -20rpx;
 				border-radius: 50%;
 			}
 		}
 	}

 	.uni-border-no {
 		border: none !important;
 	}

 	.fcon-a-close-size {
 		font-size: 36rpx;
 		color: #333;
 	}

 	.text-over {
 		overflow: hidden;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		width: 360rpx;
 		// color: #333;
 		font-feature-settings: 'clig' off, 'liga' off;
 		font-family: "Microsoft YaHei UI";
 		font-size: 32rpx;
 		font-style: normal;
 		font-weight: 400;
 		// font-size:32rpx;
 		color: #999;
 	}

 	.inptnum {
 		width: 250rpx;
 	}

 	.address-empty {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;
 		height: 126rpx;

 		.font-address {
 			color: #53A87F;
 			font-size: 40rpx;
 			font-weight: 700;
 		}
 	}

 	.flex-r-center {
 		align-items: center;
 	}

 	.uni-easyinput-con {
 		margin: 20rpx 0;

 		.uni-easyinput-h {
 			height: 333.376rpx;
 			border-radius: 6px;
 			background: #F6F7F9;
 		}
 	}

 	.btnsub-remarks {
 		margin-top: 40rpx;

 		text {
 			display: flex;
 			border-radius: 5px;
 			background: #53A87F;
 			color: #fff;
 			justify-content: center;
 			align-items: center;
 			height: 80rpx;
 			width: 100%;
 		}
 	}

 	.uni-dialogCon-remarks {
 		display: flex;
 		justify-content: space-between;
 		padding: 20rpx 0;
 		color: #333;
 		font-size: 32rpx;
 		font-weight: 400;

 		.action-remarks {
 			color: #999;
 		}
 	}



 	// .prop-card {
 	// 	.new-prop-card {
 	// 		border-bottom: 1px solid #F3F3F3;
 	// 		padding: 20rpx 20rpx 30rpx;

 	// 		&:last-child {
 	// 			border: none;
 	// 		}
 	// 	}

 	// 	.prop-card-child {
 	// 		padding: 30rpx 15rpx 30rpx 18rpx;
 	// 		border-bottom: 1px solid #F3F3F3;

 	// 		.color-style {
 	// 			color: #666;
 	// 			font-family: "Microsoft YaHei UI";
 	// 			font-size: 32rpx;
 	// 			font-weight: 400;
 	// 		}

 	// 		.clolr-pic-style {
 	// 			color: #333;
 	// 			font-family: "Microsoft YaHei UI";
 	// 			font-size: 32rpx;
 	// 			font-weight: 400;
 	// 		}
 	// 	}

 	// 	.prop-default {
 	// 		color: #53A87F;
 	// 		font-family: "Microsoft YaHei UI";
 	// 		font-size: 28rpx;
 	// 		font-style: normal;
 	// 		line-height: normal;
 	// 		border-radius: 4px;
 	// 		background: rgba(86, 191, 122, 0.28);
 	// 		display: inline-block;
 	// 		width: 40rpx;
 	// 		height: 40rpx;
 	// 		text-align: center;
 	// 		line-height: 40rpx;
 	// 		margin-right: 20rpx;
 	// 	}

 	// 	.prop-card-li {
 	// 		display: flex;
 	// 		align-items: center;

 	// 		&:last-child {
 	// 			// padding:20rpx 0;
 	// 			padding: 15rpx 20rpx 15rpx 20rpx;
 	// 		}
 	// 	}

 	// 	.prop-card-text {
 	// 		margin-left: 20rpx;
 	// 		font-size: 32rpx;
 	// 	}

 	// 	.prop-card-ye {
 	// 		font-size: 24rpx;
 	// 		margin-top: 10rpx;
 	// 		font-weight: 400;
 	// 	}
 	// }

 	// .card-nono {
 	// 	display: flex;
 	// 	flex-direction: column;
 	// 	text-align: right;
 	// 	margin-left: 30rpx;

 	// 	.card-nono-title {
 	// 		color: #999;
 	// 		font-size: 24rpx;
 	// 		font-weight: 400;
 	// 		letter-spacing: 0.24px;
 	// 		margin-bottom: 20rpx;
 	// 	}

 	// 	.card-nono-text-t {
 	// 		color: #FF9700;
 	// 		font-size: 28rpx;
 	// 		font-weight: 400;
 	// 		margin-right: 15rpx;
 	// 	}

 	// 	.card-nono-text-min {
 	// 		color: #56BF7A;
 	// 		text-align: center;
 	// 		font-size: 28rpx;
 	// 		font-weight: 400;
 	// 	}
 	// }

 	.active {
 		color: #31AE5C !important;
 		font-weight: 700;
 	}



 	// 复选框单选框样式
 	.cuIcon-round {
 		color: #999;
 	}

 	.cuIcon-roundcheckfill {
 		color: $base-color;
 	}

 	// 弹窗样式
 	.popup-content {
 		width: 750rpx;
 		border-radius: 16rpx 16rpx 0 0;
 		padding: 10rpx 20rpx 50rpx 20rpx;
 		background-color: #fff;
 	}

 	.uni-bar-wbg {
 		.cu-bar-yhj {
 			border-radius: 8rpx;
 			background: #FFF;
 			box-shadow: 0px 0px 10px 0px rgba(212, 219, 238, 0.80);
 			// min-height: 180.744rpx;
 			display: flex;
 			justify-content: space-between;
 			margin-bottom: 30rpx;
 			align-items: center;
 			transition: all .5s;

 			// &:last-child{
 			//   margin-bottom: 0;
 			// }
 			.cu-bar-yhj-right {
 				display: flex;
 				align-items: center;
 				padding-right: 20rpx;

 				.cu-bar-yhj-rightBtn {
 					width: 142rpx;
 					height: 72rpx;
 					border-radius: 36rpx;
 					background: #E4F8E4;
 					display: flex;
 					justify-content: center;
 					align-items: center;
 					font-size: 28rpx;
 					color: #56BF7A;
 				}
 			}

 			.cu-bar-yhj-left {
 				display: flex;

 				.cu-bar-yhj-left-text {
 					justify-content: space-between;
 					margin-left: 20rpx;
 					padding: 30rpx 0 10rpx;
 					position: relative;
 					display: flex;
 					flex-direction: column;
 					width: 420rpx;

 					.activeWy {
 						transform: translateY(0%) !important;
 						opacity: 1 !important;
 						height: auto !important;
 						transition: all 0.1s ease-out;
 					}

 					.rule-con-ul {
 						overflow: hidden;
 					}

 					.rule-con {
 						width: 100%;
 						color: #999;
 						margin-top: 20rpx;
 						font-family: "Microsoft YaHei UI";
 						font-size: 24rpx;
 						font-weight: 400;
 						line-height: normal;
 						letter-spacing: 0.24px;
 						transform: translateY(-120%);
 						transition: all .5s;
 						height: 0;
 						opacity: 0;
 						// transform: scale(0);
 						// transition: all .5s;
 					}

 					.ruleActive {
 						// height: 100%;
 						transform: scale(1);
 					}
 				}

 				.cu-bar-yhj-Pic {
 					display: flex;
 					align-items: center;
 					justify-content: center;
 					flex-direction: column;
 					width: 167.402rpx;
 					border-radius: 4px 0px 0px 4px;
 					position: relative;
 					// background: url('https://cdn-static.yekjx.com/food/images/car_img08.png');
 					// background-repeat: repeat-y;
 					background-color: #FFF0F0;
 					z-index: 12;

 					&::before {
 						content: '';
 						width: 20rpx;
 						height: 100%;
 						position: absolute;
 						right: -7rpx;
 						top: 0;
 						background-size: 25rpx 25rpx;
 						background-image: radial-gradient(#fff 8rpx, transparent 6rpx);
 						background-repeat: repeat-y;
 					}
 				}

 				.cu-bar-yhj-PicStyle {
 					color: #FF6868;
 					font-size: 64rpx;
 					font-weight: 700;

 					.cu-bar-yhj-PicZk {
 						font-weight: 400;
 						margin-left: -10rpx;
 						font-size: 24rpx;
 					}
 				}

 				.cu-bar-yhj-min {
 					color: #FF6868;
 					font-size: 24rpx;
 					font-weight: 400;
 					letter-spacing: 0.24px;
 				}

 				.cu-bar-yhj-left-text {
 					display: flex;
 					flex-direction: column;

 					.cu-bar-yhj-title {
 						color: #333;
 						font-size: 32rpx;
 						font-weight: 700;
 						margin-bottom: 10rpx;
 					}

 					.cu-bar-yhj-left-time {
 						color: #666;
 						font-size: 32rpx;
 						font-weight: 400;
 						margin-top: 10rpx;
 						margin-bottom: 10rpx;
 					}

 					.cu-bar-yhj-left-rule {
 						color: #999;
 						font-size: 24rpx;
 						font-weight: 400;
 						margin-top: 20rpx;
 						display: inline-block;
 					}

 					.inblcok {
 						display: inline-block;
 					}

 					.routerHover {
 						transform: rotate(180deg);
 					}
 				}
 			}
 		}
 	}

 	.popup-contentDiscount {
 		background-color: #fff;
 		border-radius: 16rpx 16rpx 0 0;
 		padding-bottom: 50rpx;

 		.pading-discount {
 			padding: 30rpx 20rpx 30rpx 20rpx;
 		}

 		.discount-footer {
 			height: 137.012rpx;
 			background: #FFF;
 			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
 			align-items: center;
 			padding: 0 20rpx;
 			justify-content: space-between;
 			display: flex;

 			.discount-footer-l {
 				color: #666;
 				font-family: "Microsoft YaHei UI";
 				font-size: 32rpx;
 				font-style: normal;
 				font-weight: 400;
 				line-height: normal;

 				.discount-c-r {
 					color: #FF6868;
 					margin: 0 5rpx;
 				}
 			}

 			.discount-footer-r {
 				text {
 					width: 397.414rpx;
 					height: 90rpx;
 					display: flex;
 					flex-shrink: 0;
 					align-items: center;
 					justify-content: center;
 					border-radius: 10rpx;
 					background: #53A87F;
 					color: #FFF;
 					font-family: "Microsoft YaHei UI";
 					font-size: 32rpx;
 					font-weight: 700;
 				}
 			}
 		}
 	}

 	.popup-Discount-overflowY {
 		height: 720rpx;
 		overflow-y: auto;
 		margin: 20rpx 0 5rpx;
 		padding: 10rpx 20rpx 0;
 	}

 	.popup-content-padding {
 		padding-bottom: 30rpx;
 	}

 	.belivery-title {
 		color: #333;
 		font-size: 40rpx;
 		font-weight: 700;
 		padding-left: 10rpx;
 	}

 	.cu-bar-flex {
 		display: flex;
 		flex-direction: column;
 	}

 	// .uni-dialogCon {
 	// 	// border-bottom: 1px solid #F3F3F3;
 	// 	display: flex;
 	// 	justify-content: space-between;
 	// 	padding: 30rpx 0;
 	// }

 	.cu-dialogCon {
 		padding-bottom: 60rpx;

 		.cu-bar {
 			border-bottom: 1px solid #F3F3F3;
 		}

 		.cu-bar-w {
 			width: 624rpx;
 			margin: 0 auto;
 		}
 	}

 	.safeAreaInsetsTop {
 		position: relative;

 		.fixed-bg {
 			width: 100%;
 			height: 264rpx;
 			background: linear-gradient(180deg, #B9F9DE, #EFFFEB 51%, #FAFDFE 100%);
 		}

 		.positop {
 			position: relative;
 			top: -264rpx;
 		}
 	}

 	.header {
 		height: 162.2rpx;
 		width: 750rpx;
 		background: #B9F9DE;
 		// background: linear-gradient(164deg, #09EC8D -57.6%, #FFF 62.77%);
 		box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.06);
 		display: flex;
 		position: fixed;
 		top: 0;
 		z-index: 2222;
 		justify-content: center;

 		.h-black {
 			position: absolute;
 			left: 20rpx;
 		}
 	}

 	.footer {
 		width: 721.624rpx;
 		border-radius: 52px;
 		background: #231F20;
 		box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.30);
 		display: flex;
 		height: 110rpx;
 		position: fixed;
 		bottom: 20rpx;
 		left: 50%;
 		transform: translateX(-50%);
 		justify-content: space-between;
 		z-index: 10;

 		.footer-cnter {
 			flex-direction: column;
 			justify-content: flex-end;
 			padding-bottom: 10rpx;

 			// padding-top: 35rpx;
 			.footer-cnter-color {
 				color: rgba(255, 255, 255, 0.70);
 				font-family: "Microsoft YaHei UI";
 				font-size: 24rpx;
 				font-weight: 400;
 			}

 			.footer-c-color {
 				color: #8F593C;
 				font-feature-settings: 'clig' off, 'liga' off;
 				font-family: "Microsoft YaHei UI";
 				font-size: 24rpx;
 				font-style: normal;
 				font-weight: 400;
 				display: inline-block;
 				margin-bottom: 5rpx;
 			}
 		}

 		// z-index: 5;
 		.footer-right {
 			.btn-sub {
 				width: 203rpx;
 				border-radius: 36px;
 				justify-content: center;
 				color: #fff;
 				display: flex;
 				align-items: center;
 				text-align: center;
 				height: 90%;
 				position: relative;
 				top: 50%;
 				transform: translateY(-50%);
 				margin-right: 3rpx;

 				&.allows {
 					background: #53A87F;
 				}

 				&.unallow {
 					background: #999;
 				}
 			}
 		}

 		.footer-left {
 			display: flex;
 			padding: 0 10rpx 0 60rpx;
 			flex-direction: column;
 			align-items: center;
 			height: 100%;

 			.flet-pic {
 				color: #FFF;
 				font-size: 28rpx;
 				font-weight: 700;

 				.pic {
 					font-size: 58rpx;
 				}
 			}

 			.flet-preferential {
 				color: rgba(237, 237, 237, 0.5);
 				/* 使用rgba定义颜色并设置透明度为50% */
 				font-size: 12px;
 				font-weight: 400;
 				letter-spacing: 1px;
 			}
 		}
 	}

 	.color9 {
 		color: #999;
 	}

 	.font-styleNo {
 		margin-bottom: 24rpx;

 		.con-li-left {
 			color: #333;
 			font-size: 32rpx;
 			font-style: normal;
 			font-weight: 400;
 		}
 	}

 	.flex-center {
 		justify-content: space-between;
 	}

 	.right-flex {
 		display: flex;
 	}

 	// .addNum {
 	// 	margin-right: 20rpx;
 	// 	width: 200rpx;
 	// }

 	.con-li-submenu-container {
 		margin-top: 20rpx;
 		border-radius: 5px;
 		padding: 20rpx;
 		background: #f9f9f9;

 		.con-li-subText {
 			// .con-li-subTextW {
 			// 	width: 350rpx;
 			// }

 			.con-li-submenu {
 				width: 130rpx;
 				text-align: right;
 			}

 			margin-bottom: 20rpx;
 			// display: flex;
 			// justify-content: space-between;
 			// align-items: center;
 		}
 	}

 	.con-ul-menu {
 		border-radius: 10px;
 		background: linear-gradient(180deg, #E4FEEE 0%, #FFF 20%) !important;

 		.con-li-menu-containerLi {
 			margin-bottom: 20rpx;
 		}

 		.con-li-menu-container {
 			display: flex;
 			justify-content: space-between;
 			margin-top: 20rpx;

 			.con-li-menu-containerR {
 				display: flex;
 				flex-direction: column;
 				text-align: right;
 				justify-content: space-between;
 			}

 			.con-li-menu-containerL {
 				display: flex;

 				.con-li-menu-name {
 					width: 530rpx;

 					.menu_name_baseinfo {
 						display: flex;
 						justify-content: space-between;
 						align-items: center;
 						padding: 0 0 0 10rpx;
 					}

 					.shopTags {
 						width: 100%;
 						min-height: 40rpx;
 						display: flex;
 						justify-content: flex-start;
 						align-items: center;
 						flex-wrap: wrap;

 						.tags_item {
 							min-width: 88rpx;
 							height: 44rpx;
 							border-radius: 10rpx;
 							background: rgba(235, 239, 251, 0.50);
 							margin-left: 10rpx;
 							color: #999;
 							font-size: 28rpx;
 							font-weight: 400;
 							text-align: center;
 							line-height: 44rpx;
 							padding: 0 20rpx 0 20rpx;
 							margin-top: 15rpx;
 						}
 					}

 					.con-li-menuNames {
 						color: #999;
 						font-size: 28rpx;
 						font-weight: 400;
 						text-decoration: line-through;
 					}

 					.con-li-menuName {
 						color: #000;
 						font-size: 32rpx;
 						font-weight: 400;
 						max-width: 430rpx;
 						overflow: hidden;
 					}

 					.con-li-menuNum {
 						color: #999;
 						font-size: 28rpx;
 						font-weight: 400;
 					}

 					.con-li-menuPic {
 						color: #333;
 						font-size: 28rpx;
 						font-weight: 700;
 					}

 					.con-li-menuCalorie {
 						color: #333;
 						font-size: 28rpx;
 						font-weight: 400;
 					}
 				}

 				.img-con {
 					width: 120rpx;
 					height: 120rpx;
 					border-radius: 10rpx;
 					position: relative;

 					.shop_vip_ico {
 						position: absolute;
 						right: 0;
 						bottom: 0rpx;
 						z-index: 8;
 						width: 36rpx;
 						height: 36rpx;
 						line-height: 37rpx;
 						background-color: #F5A623;
 						border-radius: 10rpx 0rpx 20rpx 0rpx;
 						display: flex;
 						justify-content: center;
 						align-items: center;

 						.hs_s {
 							color: #fff;
 							font-size: 24rpx;
 							display: block;
 							padding-left: 4rpx;
 							// padding-top: 4rpx;
 						}
 					}

 					.img {
 						width: 120rpx;
 						height: 120rpx;
 						border-radius: 10rpx;
 					}

 					margin-right: 10rpx;
 				}
 			}
 		}

 		.con-li-menu-title {
 			color: #31AE5C;
 			font-size: 32rpx;
 			font-weight: 700;
 		}
 	}

 	.minwdf {
 		min-width: 300rpx;
 	}

 	.con-ul {
 		padding: 20rpx;
 		width: 702.91rpx;
 		background: #fff;
 		border-radius: 10rpx;
 		// box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20);
 		margin: 20rpx auto 0;
 	}

 	.con-li-left {
 		color: #333;
 		font-size: 32rpx;
 		// font-weight: 700;
 	}

 	.con-li-right {
 		text-align: right;

 		.time-title {
 			color: #999;
 			font-size: 24rpx;
 			margin-top: 10rpx;
 		}

 		.time-style {
 			color: #FF8C00;
 			font-family: "Microsoft YaHei UI";
 			font-size: 28rpx;
 			font-weight: 400;
 		}
 	}

 	.uni-data-checklist .checklist-group .checklist-box {
 		margin-right: 0 !important;
 	}

 	.font-color {
 		color: #FF8C00;
 	}

 	.con-li-delivery {
 		padding: 10rpx 0;

 		.con-li-left {
 			color: #333;
 			font-size: 32rpx;
 			font-weight: 400 !important;
 		}

 		.con-li-right {
 			font-size: 32rpx !important;
 			font-weight: 400 !important;
 		}
 	}

 	.li-bg-color {
 		margin: 20rpx 0;
 		padding: 20rpx;
 		border-radius: 5px;
 		background: linear-gradient(90deg, #FFF2D8 0%, #FFFDF9 100%);

 		.con-li-left-text-color {
 			color: #53A87F;
 			font-size: 28rpx !important;
 			font-weight: 700;
 			margin-left: 10rpx;
 		}

 		.con-li-left-title-color {
 			color: #333;
 			font-size: 28rpx;
 			font-weight: 400;
 			margin-top: 10rpx;
 		}
 	}

 	.con-li-right-flex {
 		display: flex;
 		justify-content: space-between;
 		align-items: center;

 		.con-li-right-flex-text {
 			margin-right: 10rpx;
 			color: #000;
 			font-size: 36rpx;
 			font-weight: 400;
 		}
 	}

 	.con-li-name {
 		color: #999;
 		font-size: 28rpx;
 		margin-top: 20rpx;
 	}

 	.line {
 		width: 644rpx;
 		height: 1rpx;
 		background-color: #F2F2F2;
 		margin: 25rpx auto 10rpx;
 	}

 	.con-li-center {
 		justify-content: space-between;
 		align-items: center;
 	}

 	.con-li {
 		display: flex;
 		position: relative;
 		min-height: 70rpx;

 		&.padr16 {
 			padding-right: 160rpx;
 		}

 		.padr12 {
 			padding-right: 120rpx;
 		}

 		.title {
 			color: #333;
 			// font-feature-settings: 'clig' off, 'liga' off;
 			// font-family: "Microsoft YaHei UI";
 			font-size: 40rpx;
 			// font-style: normal;
 			// font-weight: 400;
 		}


 		.right {
 			position: absolute;
 			top: 50%;
 			right: 0rpx;
 			transform: translateY(-50%);
 		}

 		.name {
 			padding: 6rpx 22rpx;
 			border-radius: 5rpx;
 			background: #EBFEF3;
 			text-align: center;
 			// margin-left: 15rpx;
 			font-size: 24rpx;
 			color: #333;
 			display: inline-block;
 			position: relative;
 			vertical-align: middle;
 			// top: -3rpx;
 			margin-top: -10rpx;
 		}
 	}

 	// 弹出层
 	.popup-content-remind {
 		background-color: #fff;
 		border-radius: 36rpx;
 		width: 530rpx;
 		padding-bottom: 40rpx;
 		flex-shrink: 0;

 		.uni-dialogCon-remind {
 			.belivery-title {
 				color: #000;
 				font-family: "Microsoft YaHei UI";
 				font-size: 18px;
 				font-style: normal;
 				font-weight: 700;
 				line-height: normal;
 				display: flex;
 				justify-content: center;
 				padding: 30rpx 0;
 			}

 			.popupEmil-input-text {
 				width: 450rpx;
 				padding: 20rpx 0;
 				flex-direction: column;
 				justify-content: center;
 				flex-shrink: 0;
 				margin: 0 auto;
 				color: #333;
 				text-align: justify;
 				font-family: "Microsoft YaHei UI";
 				font-size: 16px;
 				font-weight: 400;
 				line-height: normal;
 				letter-spacing: 0.32px;
 			}

 			.popupEmil-btn {
 				width: 440rpx;
 				margin: 0 auto;
 				padding-top: 40rpx;

 				view {
 					width: 202rpx;
 					height: 80rpx;
 					flex-shrink: 0;
 					border-radius: 5px;
 					border: 1px solid #5DB175;
 					background-color: #fff;
 					display: flex;
 					justify-content: center;
 					align-items: center;
 					color: #5DB175;
 					font-family: ABeeZee;
 					font-size: 32rpx;
 					font-style: normal;
 					font-weight: 400;
 					line-height: normal;

 					&:nth-child(2) {
 						background-color: #5DB175;
 						color: #fff;
 					}
 				}
 			}
 		}
 	}

 	// 弹出层 end
 	.sanjiao {
 		position: relative;

 		&:before {
 			content: '';
 			position: absolute;
 			width: 0;
 			height: 0;
 			align-self: center;
 			position: absolute;
 			border: 16rpx solid transparent;
 			top: -16rpx;
 			left: 45rpx;
 			// margin-left: -20rpx;
 			border-top: none;
 			border-bottom-color: #FAFAFA;
 			z-index: 1;
 		}

 	}


 	.margin-top-mxxs {
 		margin-top: 5rpx;
 	}
	.shopTags {
	  width: 100%;
	  min-height: 40rpx;
	  display: flex;
	  justify-content: flex-start;
	  align-items: center;
	  flex-wrap: wrap;
	
	  .tags_item {
	    min-width: 88rpx;
	    height: 44rpx;
	    border-radius: 10rpx;
	    background: rgba(235, 239, 251, 0.50);
	    color: #999;
	    font-size: 28rpx;
	    font-weight: 400;
	    text-align: center;
	    line-height: 44rpx;
	    padding: 0 20rpx 0 20rpx;
	    margin-top: 15rpx;
	    margin-left: 15rpx;
	  }
	}
	.dpDetials{
		// display:flex;
		// justify-content: space-between;
		// align-items: center;
		padding:0 15rpx 0 15rpx;
	}
 </style>